vue 如何用v-model绑定数组对象中的未提前定义的属性
原本的代码:html:<ul class="advance-ul" v-for="(item,index) in terminal_list"><li class="trText">{{item.ip}}</li><li class="trText"><input type="text" v-model="item.enable"/>&l
·
原本的代码:
html:
<ul class="advance-ul" v-for="(item,index) in terminal_list">
<li class="trText">{{item.ip}}</li>
<li class="trText">
<input type="text" v-model="item.enable"/>
</li>
</ul>
js中的data里的表的定义:
terminal_list: []
由于获取到的terminal_list是一个数组对象,但根据需求,数组里的数据没法提前定义,所以v-model这样绑定是无法生效的。
解决方法: 根据index去找到数组的项,再绑定这一项的属性。
<ul class="advance-ul" v-for="(item,index) in terminal_list">
<li class="trText">{{item.ip}}</li>
<li class="trText">
<input type="text" v-model="terminal_list[index].enable"/>
</li>
</ul>
更多推荐
已为社区贡献7条内容
所有评论(0)