《踩坑记录》v-model绑定数据能显示不能修改

使用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

 

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