在uni-app中也想使用this.setData({})

在uni-app中也想使用this.setData({})

IT的开端

于 2022-02-21 17:21:43 发布

3202
收藏 8
文章标签： 小程序 微信小程序 vue.js
版权
最近在uni-app搭建的微信小程序中，修改data中的变量极其不方便，一直想用微信小程序中的this.setData，今天就来说一下这个问题。

一、在uni-app中直接使用this.setData
this.setData({
loading: false,
areaList: response.data.data
})
1
2
3
4

只能修改为：

that.appleShow = true;
that.noVisitFirst = false;
1
2
二、解决方式：
在methods中重写setData方法

setData:function(obj){
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){
if(index+1 == keys.length){
that.$set(data,key2,val);
}else{
if(!data[key2]){
that.$set(data,key2,{});
}
}
data = data[key2];
})
});
}
————————————————
版权声明：本文为CSDN博主「IT的开端」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40860800/article/details/123050341