uniapp 返回上一页列表无痕刷新

2024-07-21  本文已影响0人  小李不小
// 返回上一页并发送刷新列表的信号
function goBackAndRefresh() {
  // 先返回上一页
  uni.navigateBack({
    delta: 1, // 返回的页面数,如果 delta 大于现有页面数,则返回到首页
    success: function () {
      // 返回成功后,发送刷新列表的事件
      uni.$emit('refreshList', {});
    }
  });
}
// 页面加载时监听
onLoad() {
  uni.$on('refreshList', this.refreshList);
},
// 页面销毁时取消监听
onUnload() {
  uni.$off('refreshList', this.refreshList);
},
methods: {
  // 刷新列表的方法
  refreshList() {
    // 这里实现你的列表刷新逻辑
    // 例如重新调用获取数据的函数
  }
}

这样,当你调用goBackAndRefresh函数时,页面会返回并触发refreshList方法,从而达到列表刷新的目的。

上一篇 下一篇

猜你喜欢

热点阅读