uniapp返回上一页面并刷新数据 及 刷新当前页面

返回上一页面并onLoad刷新数据

复制代码
//当前页面(详情页)
methods: {
    setNavTitle() {
       uni.setNavigationBarTitle({
          title: '标题'
       });
    },
    back() {
       uni.$emit('refreshData');
       // uni.$emit('refreshData','可传入参数');
       // uni.navigateBack({
       //     delta: 1, //返回的页面数,如果为1表示返回上一页
       //     success: function () {
       //        console.log('返回上一页并刷新数据成功');
       //     }
       // });
    }
},
//监听页面卸载 onUnload() {
this.back(); }, //监听页面加载,获取上一个页面跳转传递过来的参数(Object类型) onLoad(options) { //this.id= options.id; //console.log('onLoad'); this.setNavTitle(); } //这是返回到哪个页面就使用这个方法控制刷新 //返回上一页面中 uniapp在onLoad方法 vue在mounted 或 created中执行 onLoad(options) { //this.id= options.id; //正常进入该页面时获取数据 this.getData(); //从详情页返回该页面时获取数据 uni.$on('refreshData',() => { this.getData(); }); // uni.$on('refreshData', ('上页面传入的参数') => { // this.getData();   // }); }, methods:{ getData() { // 请求数据接口 ... ... } }
复制代码

刷新当前页面

复制代码
//重新获取数据  从而刷新当前页面数据

执行完成后(){
  this.获取数据方法()
}

//强制刷新当前页面
this.$forceUpdate()

//刷新当前页面
this.$router.go(0)
复制代码

 

posted @   以德为先  阅读(4318)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示