[记录]vue for循环出的输入框无法修改值的解决方法

之前写了段代码,大概是这样的

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

可以起效了。

之前应该处理过这个问题,又遇到了,记录下。

发布于
2020-02-26
点击登录