uniapp中switchTab跳转回tabbar页面并传参刷新的方法

分类:知识技术 浏览:324 日期:2023-05-03 来源: 建站管家


uniapp中,tabbar页面只能通过switchTab跳转,而switchTab跳转url不能带参数,我们希望带参数跳转回tabbar页面并且刷新该tabbar页面。

示例图,Tabbar页面:

B页面:


代码如下,在B页面中::

methods: {
// 跳转页面
    goHome(cityid,city){
        uni.setStorageSync('cityid', cityid);// 传参
        uni.setStorageSync('city', city);
        uni.$emit('refresh', { refresh: true });// 标记是否刷新tabbar页面
        uni.switchTab({
            url: '/pages/index/index' // 跳转回tabbar页面
        });
    },
},

在tabbar页面中:

onShow: function() {
    uni.$off('refresh'); // 建议先销毁一次监听,再进行新的一次监听,否则会出现重复监听的现象
    uni.$once('refresh', (data) => {
        // 刷新操作
        if (data.refresh) {
            this.city = uni.getStorageSync('city'); // 获取传参
            this.newsList(); // 重载数据
        }
    });
},

本站部分信息来源网络,由于作者无法考证等因素,未注明出处,如有侵权,请联系删除。

上一篇: 《建站管家》二次开发文档

下一篇: uniapp带参数刷新当前tabbar页面的方法


发表评论
昵称 (必填)
邮箱
网址
评论 (0)
QQ客服
客服微信
加QQ群