vue使用输入框时，只赋值不双向绑定

vue使用输入框时，只赋值不双向绑定；并且单独获得输入框的值。

Lan_Lan99

6146人浏览 · 2019-06-27 16:50:41

Lan_Lan99 · 2019-06-27 16:50:41 发布

当上面是列表，下面是可以修改上面的输入框时，使用双向绑定会导致，下面输入上面的表格数据就会跟着改变，但是不想要这样的效果，想要的是下面输入完成之后点击“确定”按钮时才会进行更新上面的表格数据，这个时候就需要只赋值给下面的输入框，只需要把input的 v-model 修改为 :vlaue，就可以了。

不使用双向绑定时，想要获得input的值，可以使用：this.$refs.name.value

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