动态绑定 input v-model

背景：vue + element 项目中 v-for 循环生成 input，想要把数组的每个值绑定到 input 的v-model 上，该如何动态绑定？解决方法：在这里我们使用的数组格式为 [1,2,3...]<div v-for="(item, index, key) in arr"><el-inputv-model="a...

weixin_34289454

3475人浏览 · 2019-03-18 02:00:05

weixin_34289454 · 2019-03-18 02:00:05 发布

背景：vue + element 项目中 v-for 循环生成 input，想要把数组的每个值绑定到 input 的

v-model 上，该如何动态绑定？

解决方法：

在这里我们使用的数组格式为 [1,2,3...]

<div v-for="(item, index, key) in arr">
       <el-input
         v-model="arr[index]"
         clearable>
       </el-input>
</div>复制代码

ok!大功告成～

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^