鍍金池/ 問答/Linux  HTML/ 請(qǐng)問vue是不是不能綁定數(shù)組里的某個(gè)值呀

請(qǐng)問vue是不是不能綁定數(shù)組里的某個(gè)值呀

比如

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

然后

 return {
      testarr:['222'],
 }

這樣的話不能正常綁定嗎

我在按鈕事件里修改了testarr[0]的值為xxxxxx,但是input沒變
clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
神經(jīng)質(zhì)

使用數(shù)組下標(biāo)訪問的方式是不會(huì)觸發(fā)Vue的數(shù)據(jù)綁定的。這是js的特性決定的。你可以click事件中這樣子做
list[0] = 123;
list = list.slice(0)
https://cn.vuejs.org/v2/guide...

2018年4月15日 10:18
編輯回答
負(fù)我心

值是改到了，不過要更新試圖的話，需要使用數(shù)組的方法。比如 push,splice之類的

2018年7月24日 08:04
編輯回答
任她鬧

可以的啊，然后這種東西試一下就知道了。
通常表單form內(nèi)多個(gè)值的綁定就會(huì)綁定到一個(gè)對(duì)象類型的model上

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

數(shù)組的索引就是key

js手動(dòng)修改的問題還真么注意過數(shù)組可以這么改，對(duì)象直接改沒問題。
腦子秀逗了，突然沒想起來使用索引去直接修改數(shù)組中某項(xiàng)的值本來就檢測(cè)不到，文檔里有講

this.$set(this.arr, 0, 'xxxx')
        // 屬性，   索引， 值
2017年3月7日 12:01