这篇文章主要介绍了vue v-for循环出来的数据动态绑定值问题怎么解决的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue v-for循环出来的数据动态绑定值问题怎么解决文章都会有所收获，下面我们一起来看看吧。
记录一下，循环数据动态绑定值
//description这个数组是后台给的数据
//首先遍历这个数组，给这个数组加上value这个字段
for(let item of description){
item.value = ''
}//然后在input就可以绑定这个值了
<div v-for="(item,index) in description" :key="index" >
<span >{{item.fields_describe}}：</span>
<el-input clearable v-model="item.value" placeholder="请输入内容" size="mini" ></el-input>
</div>最后我们给后端值的时候只需要把description这个数组给他传过去就好了，里面包括input的值。
一堆输入框用v-for生成，怎么用v-model绑定这些输入框的值
vue里面的data定义一个数组：formTextList:[]
请求到数据的时候，将后端的数组赋给前端自己定义的formTextList
v-model绑定到这个数组
代码：
<div class="mobile" v-for="item in formTextList">
<div>{{item.title}}<i v-if="item.isRequired===1">*</i></div>
<div class="mobile-input">
<input type="text" :placeholder="'请输入'+item.title" v-model="item.value">
</div>
</div>
关于“vue v-for循环出来的数据动态绑定值问题怎么解决”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vue v-for循环出来的数据动态绑定值问题怎么解决”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
