Vue之Vue.set动态新增对象属性

Vue

tian361zyc

26474人浏览 · 2017-06-08 01:04:08

tian361zyc · 2017-06-08 01:04:08 发布

当我们给一个比如props中，或者data中被观测的对象添加一个新的属性的时候，不能直接添加，必须使用Vue.set方法

Vue.set方法用来新增对象的属性。如果要增加属性的对象是响应式的，那该方法可以确保属性被创建后也是响应式的，同时触发视图更新

这里写图片描述
这里本来food对象是没有count属性的，我们要给其添加count属性就必须使用Vue.set方法，而不能写成’this.food.count = 1’

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