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();
}
}
});
- 发布:2020-06-05 12:43
- 更新:2021-06-05 16:03
- 阅读:4678
【报Bug】Avoid adding reactive properties to a Vue instance or its root $data at runtime
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 2.7.9.20200527
HBuilderX类型: 正式
HBuilderX版本号: 2.7.9
手机系统: Android
手机系统版本号: Android 9.0
手机厂商: 小米
手机机型: 9s pro
页面类型: vue
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
本地允许小程序,直接报错, 提示是转换data 错误,这个项目是通过微信小程序转换成 uni app 的
本地允许小程序,直接报错, 提示是转换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.
1 个回复
郭小睿同学
这社区都没人了