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
  }
  }
})

方法二

使用手动更新解决问题，使用$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地址，欢迎相互沟通学习！