vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue v-for循环出来的数据动态绑定值

vue v-for循环出来的数据动态绑定值问题

作者:爬坑的小白

这篇文章主要介绍了vue v-for循环出来的数据动态绑定值问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

v-for循环出来的数据动态绑定值

记录一下,循环数据动态绑定值

//description这个数组是后台给的数据
//首先遍历这个数组,给这个数组加上value这个字段
 for(let item of description){
              item.value = ''
     }
//然后在input就可以绑定这个值了
<div v-for="(item,index)   in description"  :key="index"  style="margin-top: 10px">
     <span >{{item.fields_describe}}:</span>
     <el-input clearable  v-model="item.value"      placeholder="请输入内容" size="mini" ></el-input>
</div>

最后我们给后端值的时候只需要把description这个数组给他传过去就好了,里面包括input的值。

使用v-for循环的输入框,如何绑定值

问题

一堆输入框用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>

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文