j***@126.com
j***@126.com
  • 发布:2020-06-05 12:43
  • 更新:2021-06-05 16:03
  • 阅读:4115

【报Bug】Avoid adding reactive properties to a Vue instance or its root $data at runtime

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 2.7.9.20200527

HBuilderX类型: 正式

HBuilderX版本号: 2.7.9

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 小米

手机机型: 9s pro

页面类型: vue

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

Vue.mixin({
methods: {
setData: function(obj, callback) {
let that = this;
let keys = [];
let val, data;
Object.keys(obj).forEach(function(key) {
keys = key.split('.');
val = obj[key];
data = that.$data;
keys.forEach(function(key2, index) {
// console.log(index, keys.length)
if (index + 1 == keys.length) {
// console.log(data, key2, val)
that.$set(data, key2, val);
} else {
if (!data[key2]) {
that.$set(data, key2, {});
}
}
data = data[key2];
})
});
callback && callback();
}
}
});

操作步骤:

本地允许小程序,直接报错, 提示是转换data 错误,这个项目是通过微信小程序转换成 uni app 的

预期结果:

正常不应该有错误

实际结果:

控制台显示错误

bug描述:

应用【小程序】已启动...
12:40:10.583 [Vue warn]: Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.

2020-06-05 12:43 负责人:无 分享
已邀请:
郭小睿同学

郭小睿同学

这社区都没人了

该问题目前已经被锁定, 无法添加新回复