uniapp点击底部tabbar不跳转页面

Posted angenstern

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp点击底部tabbar不跳转页面相关的知识,希望对你有一定的参考价值。

一个项目,其设想是这样的,当我进入页面,发现用户未登录或者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

以上是关于uniapp点击底部tabbar不跳转页面的主要内容,如果未能解决你的问题,请参考以下文章

(uniapp和)微信小程序页面跳转首页报错:navigateTo:fail can not navigateTo a tabbar page

uniapp在非tabbar页面中显示tabbar的方法 - 显示底部导航栏

uni-app如何用uView自定义底部导航

uniCloud云开发----6uniapp配置tabbar底部导航栏和去掉uni-app顶部标题

mui tab bar 底部导航栏跳转页面。不用pluseady 因为不支持

uniapp 之 如何编写透明页面(类似与nvue页面,可以盖住原生组件如底部tabbar)