Vue向已定义的空对象添加的新属性和值，无法在页面上渲染。

问题背景：先在data中定义了一个空对象obj:{}，ajax获取后台数据之后，将新的属性名和属性值赋给obj，结果发现页面上渲染不出数据。个人解决方式：重新定义了obj这个对象，把obj这个对象要从后台获取的属性全都先定义好了，形如：obj:{ a : ’ ', b : ’ ’ }。我这个方法只适合新添加的属性较少的情况，数据多时不可取。官方文档的相关解释：1、data是什么？2、...

Evey li

3727人浏览 · 2019-10-29 15:24:39

Evey li · 2019-10-29 15:24:39 发布

问题背景：
先在data中定义了一个空对象obj:{}，ajax获取后台数据之后，将新的属性名和属性值赋给obj，结果发现页面上渲染不出数据。

个人解决方式：
重新定义了obj这个对象，把obj这个对象要从后台获取的属性全都先定义好了，形如：obj:{ a : ’ ', b : ’ ’ }。我这个方法只适合新添加的属性较少的情况，数据多时不可取。

官方文档的相关解释：
1、data是什么？
在这里插入图片描述
2、对传入data的js对象做了些什么？

3、如何让后来添加的数据成为响应式的？

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