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

南国老符 南国老符 最后更新于:2023-05-03 浏览:2360

在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(); // 重载数据
        }
    });
},

点赞 (0)

收藏 (0)
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/507.html

本站部分信息来源网络,如有侵权,请联系QQ:1062129401删除。

上一篇: 城市列表php代码,做个记号,以后可能用得到

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

请先登录后,再发表评论 ~ ~
发表评论
评论 (0)

发表帖子
广告位招租( ¥5 / 天 )
点击咨询
最新帖子

南国老符
2025-05-26 16:54
南国老符
2024-09-29 10:29
南国老符
2023-12-15 21:41
广告位招租( ¥5 / 天 )
点击咨询
最近评论

U
user1379
回复:版本号多少?
U
user1379
回复:新版本修复了,下载新版本即可
U
user1379
U
user1304
回复:默认没有这个功能,你可以自行二次开发后期可能会考虑在站群版本上加入此功能及商城功能
Y
yuanis90
回复:后台->语言->全局管理->模型管理->编辑->启用关键词内链即可
Y
yuanis90
回复:后台已经启用了,但是前台产品说明的关分键词还是没有自动链接到,
购买VIP
购买授权
余额充值
发表帖子
客服微信