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

知识技术 2023-05-03 11:39 1386
转载请务必注明: 来源:《建站管家》https://www.df81.com/news/507.html

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)

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

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

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

请先登录后,再发表评论 ~ ~
发表评论
发表评论
发表帖子
广告位招租( ¥5 / 天 )
点击咨询
相关帖子

如果要判断文件是否存在,用函数 is_file(),如果要判断目录是否存在,用函数 is_dir()
用宝塔安装TP程序后,网站前台可以访问,后台无法访问,不是程序问题,而是web服务器环境配置问题(PHP配置),出现这种问题,一般是windows主机安装宝塔造成的,linux安装宝塔不会出现此错误
广告位招租( ¥3 / 天 )
点击咨询
广告位招租( ¥2 / 天 )
点击咨询
广告位招租( ¥1 / 天 )
点击咨询
最新帖子

小朋友,你爸爸是谁啊?这很单纯的,就像我们碰到别人会问:你吃过饭了吗?类似;许多人初次相识,经常会问:你是做什么的啊?你做什么,好像决定你收入的高低,你,资产的范围
1、升级框架到ThinkPHP8.0.3【要求PHP8.1+环境,推荐PHP8.1】 2、启用/禁用调试模式等小细节改进
后台点击生成站点地图 一直转圈圈没有反应,
在线客服