mpvue还在维护吗_mpvue入坑之修改数据页面不刷新

问题

小程序开发是都会遇到数据更新了，但是页面的图元状态并没有更换。 通过接口获取数据进行更新， 但是数据改变了，页面的图元并没有变化。

方法一

赋值之前先把数据置为空null， 在进行从新赋值操作

let that = this;

wx.request({

url: 'test.php', // 仅为示例，并非真实的接口地址

data: {

x: '',

y: ''

},

header: {

'content-type': 'application/json' // 默认值

},

success(res) {

that.你需要更新的数据 = null；

if(res.statusCode===200){

that.你需要更新的数据 = res.data

}

}

})

方法二

使用手动更新解决问题，使用s e t 来 设 定 修 改 值 ， set来设定修改值，set来设定修改值，forceUpdate触发render函数进行自动更新。

let that = this;

wx.request({

url: 'test.php', // 仅为示例，并非真实的接口地址

data: {

x: '',

y: ''

},

header: {

'content-type': 'application/json' // 默认值

},

success(res) {

if(res.statusCode===200){

that.$set( that.你需要更新的数据 ,"键的名称", res.data.cont);

that.$forceUpdate();

}

}

})

方法三

如果上面的都不行，那么就没办法了，只能耗点性能使用计算属性computed

结束

以上三种方法都是能够解决问题的，但是要根据自己的项目实际情况使用。友情链接有我的博客和github地址，欢迎相互沟通学习！