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

原文地址:https://www.cnblogs.com/angenstern/p/11448232.html

时间: 2024-11-13 09:58:54

uniapp点击底部tabbar不跳转页面的相关文章

主程序底部TabBar功能跟登录页面布局

1:主程序底部TabBar的功能实现 效果图: 主要代码如下: - (UITabBarController*)setRootVC:(BOOL)bShowCart { //创建一个子控制器 用于显示当前的tab TabHomeVC *homeVC = [[TabHomeVC alloc] init]; //每个tab都是一个nav的内容,这样每个都是自个的nav,进行跳转 UINavigationController *homeNav = [[UINavigationController allo

iOS极光推送 点击推送消息跳转页面

文章来自:http://www.jianshu.com/p/eaf07c4372a8 AppDelegate.m - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { #if __IPHONE_OS_VERSION_MAX_ALLOWED > __IPHONE_7_1 if ([[UIDevice currentDevice].s

记录按钮点击次数,点击三次之后跳转页面

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body> <div ng-app="myApp" ng

点击存缓存并跳转页面并到跳转页面取缓存

之前页面的 html: <image bindtap='ontTapdetails' data-item_data='{{item}}' class="videoVideo2" src="{{item.wapimg}}" }};"></image> js: ontTapdetails: function(e) { console.log(e) //存缓存 var item_data = e.currentTarget.dataset

android map高德地图显示多个点,并且每个marker点可以响应鼠标点击事件,处理跳转页面

定义一个数组,然后将要显示的markers放进数组里面,让后循环每个marke对象,赋予监听事件,在监听事件里面写其它需要的功能: js举例: var arr = new Arry(); var marker; xuanhuan{ InsertMarkerContent(); arr.push(marker); } mapObj.addOverlays(arr,true);//这必须在监听事件前,否则报错无对象 for(var i=0;i<arr.length;i++) { mapObj.add

Vue中底部tabBar切换及跳转

tabBar.vue文件,写法如下: <div class="tab"> <div class="tab_item" v-for="(item ,index) in tabBarImg" :key="index" @click="switchToTab(item.path)"> <img :src="$route.path === item.path ? item.i

iOS 开发之 点击tabbarItem添加是否跳转登录页面判断

iOS 开发之 点击tabbarItem添加是否跳转登录页面判断 项目里面在点击tabbarItem的时候需要判断是否是登录状态,如果未登录直接跳转登录页面,如果已登录则直接进入. 首先设置UITabBarController的代理为appdelegate如下:myTabBar.delegate = self; 然后在interface后面写上代理<UITabBarControllerDelegate> 实现代理里面的- (BOOL)tabBarController:(UITabBarCont

自定义底部tabbar的两种方式

第一种:利用系统自带的tabbarItem加一个自定义按钮: #import "SZMTabBarController.h" #import "SZMTabBar.h" #import "SZMHomeViewCtrl.h" #import "SZMNavigationController.h" #import "SZMDiscoerViewCtrl.h" @interface SZMTabBarContr

a标签添加:hover,在ios上需要点击2次才能跳转

最近发现之前的做的网站在移动端上有个bug,就是我在pc端给tab加了hover样式,但是在ios移动端查看效果时,因为添加了hover需要点击2次,第一次点击是给tab添加hover样式,第二次点击a标签才跳转 因为们的网站不是响应式的,但是又要求在移动端可以正常浏览,所以我的解决方法是:把hover样式用js替代css写法,然后判断是移动端或只判断ios时取消hover事件.最后完美解决. ps:在求助度娘的时候,看到如果你的网站是响应式的可以使用如下方法解决: (1)网页头部添加meta