剛接觸vue,對(duì)於其中v-model有幾個(gè)疑問(wèn),例如在子元件中使用v-model,最終也是透過(guò)this.$emit('input', value)
,將數(shù)據(jù)返回給父組件。
那麼對(duì)於雙向綁定是否有限制???例如可以對(duì)父元件中data的key/value進(jìn)行操作,那麼是否可以對(duì)父元件data中某項(xiàng)陣列的對(duì)應(yīng)值進(jìn)行操作?
另外就是是否可以對(duì)computed屬性中某數(shù)組進(jìn)行雙向綁定操作?
#鄙人試了下,看似如上圖的操作結(jié)果,所以想請(qǐng)告知下,如果可以 應(yīng)該如何操作?
<tr v-for="i in thisPageData">//thisPageData屬于computed中的數(shù)組
<td>
<c-checkbox v-model="i.checked" @input="showInput"></c-checkbox>
</td>
<td>{{i.checked}}</td>
<td>{{ i.id }}</td>
<td>{{ i.code }}</td>
<td>{{ i.name }}</td>
<td>{{ i.ip }}</td>
<td>{{ i.description }}</td>
<td>{{ i.assetsNumber }}</td>
</tr>
checkbox
元件就是一般的checkbox按鈕,對(duì)樣式進(jìn)行了統(tǒng)一控制,最後回傳的就是true和false
子元件不能隨便修改父元件屬性值的
而computed計(jì)算屬性的驅(qū)動(dòng)都是基於它所依賴(lài)的那個(gè)變數(shù)的,一般也不會(huì)對(duì)計(jì)算屬性做雙向綁定
父元件(parent)可以對(duì)子元件的input事件寫(xiě)method去操作parent的data中的陣列
計(jì)算屬性是支援set/get操作的, get就是預(yù)設(shè)操作(return value), set的參數(shù)接收你給的值, 在set中你可以寫(xiě)一個(gè)this.$emit('xxx', value)透過(guò)事件傳出去, 如果xxx是'input', 那麼可以寫(xiě)的更靈活
https://cn.vuejs.org/v2/guide...計(jì)算-setter