vue 修改对象属性页面不重新渲染

官方解释：Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。注意事项在给对象赋值时一定要保证新的对象拥有其所有响应的属性，否则修改到非响应属性时也会造成页面不重新渲染。...

遇见一个人流泪

3394人浏览 · 2018-10-31 17:44:43

遇见一个人流泪 · 2018-10-31 17:44:43 发布

官方解释：
Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。

解决办法
若是对象，建议在data中定义好所有的属性
若是数组，最好重新赋值，不要单独修改某个元素

注意事项
在给对象赋值时一定要保证新的对象拥有其所有响应的属性，否则修改到非响应属性时也会造成页面不重新渲染。

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