代码 > [记录]vue for循环出的输入框无法修改值的解决方法
2020-02-26
之前写了段代码,大概是这样的
<div v-for="(port,index) in Item.Ports"
v-bind:key="index"
>
<el-input v-model="port"></el-input>
发现没渲染出的输入框没法修改值。
想了下,可能是值变化后,port指向的值不再有效或者在父元素里了
找了下文档
https://cn.vuejs.org/v2/guide/list.html
for循环后的作用域可以直接用父作用域的元素,修改下
<div v-for="(port,index) in Item.Ports"
v-bind:key="index"
>
<el-input v-model="Item.Ports[index]"></el-input>
可以起效了。
之前应该处理过这个问题,又遇到了,记录下。
点击登录