美文网首页
uniapp 返回上一页列表无痕刷新

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

作者: 小李不小 | 来源:发表于2024-07-21 17:24 被阅读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方法,从而达到列表刷新的目的。

相关文章

网友评论

      本文标题:uniapp 返回上一页列表无痕刷新

      本文链接:https://www.haomeiwen.com/subject/bgorfjtx.html