在 vue 中动态绑定 v-model

在 vue 中动态绑定 v-model一、经典数据双向绑定如下动图：二、当v-for循环中需要动态绑定v-model以图示例：注意：避免在运行时向Vue实例或其根 $data 添加反应性属性在data选项中预先声明它。注意v-model是vue中的一个指令，而不是标签属性，不要用v-bind:去动态绑定它【“ v-bind: ”缩写为“ : ”】...

AIU哎呀

8309人浏览 · 2019-03-26 15:51:15

AIU哎呀 · 2019-03-26 15:51:15 发布

在 vue 中动态绑定 v-model

一、经典数据双向绑定

如下动图：
在这里插入图片描述

二、当v-for循环中需要动态绑定v-model

以图示例：
在这里插入图片描述

注意：

避免在运行时向Vue实例或其根 $data 添加反应性属性在data选项中预先声明它。
注意v-model是vue中的一个指令，而不是标签属性，不要用v-bind:去动态绑定它【“ v-bind: ”缩写为“ : ”】

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}$/, //不连续的两位字母// /^