uniapp点击底部tabbar不跳转页面

2019-09-02 18:55:59 阅读：390 来源： 互联网

标签：function uniapp 控件 plus tabbar 跳转 View view

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

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

好了我什么也没说

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

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

　　 var  view = null;
    // 创建原生View控件
    function createView() {
        view = new plus.nativeObj.View('test', {
　　　　　　  // View控件的样式
            bottom: '0px',
            left: '0px',
            height: '60px',
            width: '100%'
        });
        view.drawText('', {}, {
            size: '24px',
            color: '#FF0000',
            backgroundColor: '#FFFFFF'
        });
        view.show();
    }

    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

标签：function,uniapp,控件,plus,tabbar,跳转,View,view
来源： https://www.cnblogs.com/angenstern/p/11448232.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

uniapp点击底部tabbar不跳转页面