uniapp点击底部tabbar不跳转页面

Posted 2022-09-26 angenstern

一个项目，其设想是这样的，当我进入页面，发现用户未登录或者token到期失效，提示用户之后，用户点击确定跳转到登录页面。

弹出框要用自己封装的，因为uniapp的弹出框不同的手机上展示的样子不一样，领导的是华为（在这里悄悄吐槽一下原生弹出框在华为的一些型号的机子上真的好丑）

好了我什么也没说

自己封装的弹出框，压不住原生底部菜单栏，不知道是不是我封装的有问题，先解决点击让它不跳转的问题

我瞅了眼文档，文档说：‘App端可以使用plus.nativeObj.view做弹出和遮罩’

下面是方法

var view = null;
    // 创建原生View控件
    function createView() 
        view = new plus.nativeObj.View(‘test‘, 
            bottom: ‘0px‘,
            left: ‘0px‘,
            height: ‘60px‘,
            width: ‘100%‘
        );
        // 绘制文本
        view.drawText(‘‘, , 
            size: ‘24px‘,
            color: ‘#FF0000‘,
            backgroundColor: ‘#FFFFFF‘
        );
        view.show();
    
    // View控件事件监听器，其实默认拦截处理触屏事件，不加一下代码也可以
    function addEventView() 
        view.addEventListener("click", onClick, false);
    
    // 监听事件函数
    function onClick(e) 
        console.log("点击原生控件：" + JSON.stringify(e));
    

在请求后台方法时，

不能正常请求（token失效或到期）

createView();

调用创建View控件方法

能够正常请求的话也要加一层判断

if (view)   view.close();  

如果view为真，就要关闭View控件。

在此处贴一下链接：https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.View