如何解决Vue:对v-for中的输入数组上的输入更改做出反应
我有一个值数组,正在将初始数据值list
设置为。我正在使用该列表在输入中呈现数组的值。我正在使用v-for
在<input :value="element" />
中渲染输入的值。我尝试使用v-model
,但收到错误消息:
<input v-model="element">: You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source array because writing to the alias is like modifying a function local variable. Consider using an array of objects and use v-model on an object property instead.
data() {
let sizeFilterArray = this.$store.getters['main/getSizeFilters'];
return {
list: sizeFilterArray,}
},
<draggable v-model="list">
<div v-for="(element,index) in list" :key="index">
<div class="element-box">
<div class="element-input">
<input :value="element" />
</div>
</div>
</div>
</draggable>
解决方法
该错误指示您使用对象数组而不是值。因此,您可以修改为:
app.listener.refreshedtokenlistener
这假设您的<draggable v-model="list">
<div v-for="item in list" :key="item.id">
<div class="element-box">
<div class="element-input">
<input v-model="item.value" />
</div>
</div>
</div>
</draggable>
是像sizeFilterArray
这样的对象数组。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。