uniapp点击底部tabbar不跳转页面

冲天香阵透长安,满城尽带黄金甲。这篇文章主要讲述uniapp点击底部tabbar不跳转页面相关的知识,希望能为你提供帮助。
一个项目,其设想是这样的,当我进入页面,发现用户未登录或者token到期失效,提示用户之后,用户点击确定跳转到登录页面。
弹出框要用自己封装的,因为uniapp的弹出框不同的手机上展示的样子不一样,领导的是华为(在这里悄悄吐槽一下原生弹出框在华为的一些型号的机子上真的好丑)
好了我什么也没说

uniapp点击底部tabbar不跳转页面

文章图片

自己封装的弹出框,压不住原生底部菜单栏,不知道是不是我封装的有问题,先解决点击让它不跳转的问题
我瞅了眼文档说:‘ App端可以使用plus.nativeObj.view做弹出和遮罩’
varview = 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();

【uniapp点击底部tabbar不跳转页面】调用创建View控件
能够正常请求的话也要加一层判断
if (view) {view.close(); }

如果view为真,就要关闭View控件。
在此处贴一下链接:https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.View

    推荐阅读