uni-app编辑表单数据返回列表后页面不更新问题解决方案

获取设备信息

    wx.getSystemInfo({
      success: res => {
        console.log(res)
      }
    })
//方法2:同步方法
    uni.getSystemInfo({
      success:  res => {
        console.log(res)
      }
    });

eventChannel:【列表页点击编辑进入编辑表单,更新完数据保存后返回列表页面,列表页面数据也能够及时更新】

//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
	url: 'test?id=1&name=uniapp'
});
// 在test.vue页面接收参数
export default {
	onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
		console.log(option.id); //打印出上个页面传递的参数。
		console.log(option.name); //打印出上个页面传递的参数。
	}
}
// 在起始页面跳转到 test.vue页面,并监听test.vue发送过来的事件数据
uni.navigateTo({
  url: 'pages/test?id=1',
  events: {
    // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
    reload: function(data) {
      console.log(data)
    },
    someEvent: function(data) {
      console.log(data)
    }
    ...
  },
  success: function(res) {
    // 通过eventChannel向被打开页面传送数据
    res.eventChannel.emit('reload', { data: 'data from starter page' })
  }
})
// 在test.vue页面,向起始页通过事件传递数据
onLoad: function(option) {
  const eventChannel = this.getOpenerEventChannel();
  eventChannel.emit('reload', {data: 'data from test page'});
  eventChannel.emit('someEvent', {data: 'data from test page for someEvent'});
  // 监听reload事件,获取上一页面通过eventChannel传送到当前页面的数据
  eventChannel.on('reload', function(data) {
    console.log(data)
  })
}

猜你喜欢

转载自blog.csdn.net/m0_53149377/article/details/129952711