使用v-model绑定了数组中的值,输入框内能够显示数据,有光标显示,但是删除或者修改的时候就会报错

看到报错信息大概是属性是空的,无法读取arr,但是看控制台输出是能够输出值得,尝试过将所有属性都进行了定义

但是修改时还是报错,查看浏览器的vue插件

里面的值是有的,但是删除只能删掉最后一个字,再删就恢复了,但是是为啥始终搞不懂,最后终于查到了v-model里面是不能用this.绑定的

之后就能够正常修改了,尝试分析了一下,v-model的语法糖是 

v-bind:value="arr.bugtitle"  v-on:input="arr.bugtitle=$event.target.value"

就是绑定一个变量,然后如果有输入就讲输入的值重新赋值给这个变量,应该是能够直接找到arr.bugtitle这个属性,如果加上this.就找不到了,同理v-bind也是不能加this的,还有相同的情况的还有element中的一些绑定数据的比如el-table这些都是直接绑定变量名的。

大概都是一些经验积累,错过几次之后就会长记性了。。。还是太少代码经验了

这个问题是通过这个老哥的文章解决的https://blog.csdn.net/weixin_46649870/article/details/121102360

 

真的是部长记性的错误。。。以后会记住了。。 

Logo

前往低代码交流专区

更多推荐