解决vue的组件props传值获取不到的问题，{ob: observer}取值问题

vue中异步获取的数据赋值到data中，打印时常常会是：{__ob__: Observer} 格式的，解决方法：第一种：__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。如果想去掉可以用赋值的方式。例如Object.assign({},this.list)。用这种方式也是可以解决。第二种：可以用JSON.parse(JSON.stringify(thi

KAGHQ

2699人浏览 · 2021-11-20 01:51:11

KAGHQ · 2021-11-20 01:51:11 发布

vue中异步获取的数据赋值到data中，打印时常常会是：{__ob__: Observer} 格式的，解决方法：

第一种：__ob__: Observer 是 Vue 对数据监控添加的属性，说明这个数据是异步获取的。如果想去掉可以用赋值的方式。例如Object.assign({},this.list)。 用这种方式也是可以解决。

第二种：可以用JSON.parse(JSON.stringify(this.list)）完美解决。

参考https://www.jianshu.com/p/d9a8029356ef
 
 
watch  既可以监听data 数据也可以监听props中的数据， 
第三种：也可以用watch 监听，https://juejin.im/post/6844903860574617614

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