原本的代码:

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>
Logo

前往低代码交流专区

更多推荐