请问vue是不是不能绑定数组里的某个值呀

Question

比如

<Input v-model='testarr[0]'></Input>

然后

 return {
      testarr:['222'],
 }     

这样的话不能正常绑定吗

我在按钮事件里修改了testarr[0]的值为xxxxxx,但是input没变

Answer 1

使用数组下标访问的方式是不会触发Vue的数据绑定的。这是js的特性决定的。你可以click事件中这样子做
list[0] = 123;
list = list.slice(0)
https://cn.vuejs.org/v2/guide...

Answer 2

可以的啊，然后这种东西试一下就知道了。
通常表单form内多个值的绑定就会绑定到一个对象类型的model上

v-model="params.username"
v-model="params.password"

数组的索引就是key

---

js手动修改的问题还真么注意过数组可以这么改，对象直接改没问题。
脑子秀逗了，突然没想起来使用索引去直接修改数组中某项的值本来就检测不到，文档里有讲

this.$set(this.arr, 0, 'xxxx')
        // 属性，   索引， 值

Answer 3

值是改到了，不过要更新试图的话，需要使用数组的方法。比如 push,splice之类的