vue的Vue.set方法的使用

vue的Vue.set方法的使用vue为了更加简洁，当data的数据是数组或者对象时，动态的添加或删除，视图将不会更新其实有些时候，当我们想动态的给data中的属性设置默认值的时候也需要用Vue.set如图所示，想通过created给设置默认值，但是默认值可以设置成功，v-model的动态效果将会失去，这时候需要用Vue.set方法当然了，上面也相当于给data中的数据添加...

原鑫@博客

33777人浏览 · 2018-09-17 23:50:24

原鑫@博客 · 2018-09-17 23:50:24 发布

vue的Vue.set方法的使用

vue为了更加简洁，当data的数据是数组或者对象时，动态的添加或删除，视图将不会更新

在这里插入图片描述

其实有些时候，当我们想动态的给data中的属性设置默认值的时候也需要用Vue.set

在这里插入图片描述

如图所示，想通过created给设置默认值，但是默认值可以设置成功，v-model的动态效果将会失去，这时候需要用Vue.set方法

在这里插入图片描述

当然了，上面也相当于给data中的数据添加元素了

总结，只要是在data之外，想给data中定义的数组或者对象，添加或删除元素，就用Vue.set

在这里插入图片描述

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