小程序在原生tabBar上全屏登录并返回数据

已于 2022-06-10 15:00:38 修改
阅读量252 收藏
点赞数
文章标签： javascript 前端 html5 微信小程序 vue.js
于 2022-06-10 14:54:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42160040/article/details/125221128
版权

小程序在原生tabBar上全屏登录并返回数据

记录下自己的开发过程

我们登录成功后跳转回tabbar页面发现没有触发onload加载，需要在onshow再次调用，这样的话每次打开页面都需要加载数据。我们可以这样做~~

文章目录

效果演示

登录前Alt

登录后

在这里插入图片描述

提示：以下是本篇文章正文内容，下面案例可供参考

一、原先的做法？

在登录页面用一个变量判断显示或者直接在个人中心页面上控制数据显示

二、使用步骤

将页面设置全屏

login.json：

最低0.47元/天 解锁文章
y_Mcdull
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2021-12-30 微信小程序笔记(一) 小程序设置全局的tabbar
GAARA
12-30 335
文章目录 0.全局tabbar效果 1.tabbar小图标放到images/tab文件夹下 2.新建pages文件夹下的三个文件夹 3.配置app.json文件 4.最终效果 5.注意事项
微信小程序全屏显示以及导航栏问题
zhouguizhi
11-13 9273
我们在做Android的时候想改变整个布局的颜色很简单,但是在微信小程序中如果你的内容没填充屏幕的话,你想改变整个布局的颜色在view的属性中去设置background-color是没有用的,这就相当于我们Android中设置的额wrap-parent 我的布局如下： 属性： .container{ display: flex; flex-direction: column; al...
微信小程序 之 tabbar
HeroIsUseless的博客
08-22 151
这个很简单了，放在了设置文件里，各种效果都给你预先配置好了，真的超级简单了。 在微信小程序开发过程中，我们会碰到从某页跳转到一个含有tabbar的页面的需求， 用wx.navigateTo({url: '...',}) 不起作用，需要使用wx.switchTab({url: '...',})来实现。 那么，我们反过来，如何从含有tabbar的页面跳转到一个不含有/隐藏了tabbar的页面呢？ 在尝试了上述的两个API后发现不起作用，wx.switchTab({url: '...',}) 倒是可...
小程序点击导航栏返回顶部小例子
Debug的博客
05-16 359
【代码】小程序点击导航栏返回顶部小例子。
微信小程序tabBar 返回tabBar不刷新页面
10-16
主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序 新建登录页并实现tabBar隐藏
08-30
微信小程序新建登录页并实现tabBar隐藏 微信小程序新建登录页并实现tabBar隐藏是微信小程序开发中的一项重要功能，本文将对该功能进行详细的介绍和分析。 首先，在app.json文件中，我们需要设置pages的path，这里...
小程序tabbar素材
07-08
1. **TabBar 配置**：在小程序的 app.json 文件中，开发者需要定义全局的 TabBar 配置，包括每个 Tab 的文字、图标以及选中状态下的图标。例如： ```json "tabBar": { "color": "#7A7E83", "selectedColor": "#3...
uniapp小程序自定义动态tabbar
04-08
在开发小程序时，UI设计和用户体验是至关重要的部分，而TabBar（标签栏）作为页面间的导航工具...通过合理的设计和编程，开发者可以构建出符合自己应用需求的、具有高度个性化的TabBar，提升用户在小程序中的操作体验。
关于小程序中点击跳转至Tabbar栏页面无反应
weixin_49329762的博客
05-21 788
想点击购物车按钮跳转至 tabbar 中的购物车页面却没有反应 源代码： <navigator url="/pages/cart/cart" class="icon_btn"> <view class="iconfont icon-gouwuche"></view> <text class="icon_btn_text">购物车</text> </navigator> 原因： navigator 中的 open-type（跳转方
微信小程序全屏遮罩层代码
08-11
微信小程序全屏遮罩层代码。代码简洁，适合定制开发。
uniapp登陆后从login页面跳转到tabBar页面不触发tabBar页面生命周期
weixin_45488891的博客
10-20 2794
在使用uniapp开发微信小程序项目遇到个问题，在用户退出登录时清除本地所有缓存之后，跳转到login页面。跳转回tabBar页面时，不会触发页面的生命周期，导致页面数据还是显示上个账号的数据，不会重新加载。：监听全局的自定义事件，事件由 uni.$emit 触发，回调函数会接收事件触发函数的传入参数。：触发全局的自定义事件，附加参数都会传给监听器回调函数。页面中并不会每次切换或显示都会触发页面的。但是实际使用会发现，这种做法仅适用于更新。在网上查到的大部分方法都是使用。页面是无法触发所有页面的。
js微信小程序页面左上角返回跳转指定页面
叶绿体不忘呼吸
08-03 6993
微信小程序非导航栏tabBar页面左上角返回默认返回上一次的页面（即进入当前页面的前一页面），如果需要自定义页面，可以通过js中onUnload函数进行指定页面跳转。 ①关闭所有页，打开url指定页面 onUnload: function () { /*关闭所有页，打开url指定页面*/ wx.reLaunch({ url: '../index/index' }) }, ②关闭当前页面，返回上一页面或多级页面，级数由delta参数决定 onUnload: function () {
login 跳转 到 tabbar 页面(登录界面的跳转)
zhanglizhi111的博客
12-05 1763
1.我是放弃使用 [self presentViewController:[MainTabBarController new] animated:YES completion:nil]; 2.登录时候在登录成功的方法里面写(第一次变根)                 [[[UIApplication sharedApplication].delegate window].r
先登录 在跳转到tabBar
weixin_30583563的博客
09-07 408
1 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 2 // Override point for customization after application launch. 3 self.w...
小程序 关于页面的跳转
戒骄戒躁
04-07 914
小程序的页面跳转 在小程序开发中 因为小程序是搭载在微信中的 所以我们平常所用的Js或者JQuery等页面跳转的方法都不能使用了 但小程序也自带了几种页面跳转的方式 下面来逐一介绍 微信官方开放文档： 戳这里查看 第一种方式 wx.navigateTo(Object object) 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以...
微信小程序 （3 tabBar及 页面跳转）
热门推荐
starleejay的博客
12-19 3万+
上篇文章完成了 home 页面的构建和跳转，这篇文章将会完成底部tabBar 以及点击每个 tabBar 跳转到对应的页面。完成如图：1、 新增 cart discounts my 页面按照 home 页面的构建，快速新建上面的四个页面，并查看 app.json 中是否存在所建页面的配置信息。2、 配置 home cart discounts my tabBar 信息如果一个小程序是一个多应用（客
微信小程序 返回tabBar页面刷新控制
sunidd的博客
04-16 2951
tabBar中的某个页面是用来发布数据的，发布数据之前在tabBar中各页面切换时该页面（publish）已填数据不会丢失（该页面已填写数据需要保存）。发布数据后进入页面2（publishsuccess），显示发布成功，但是发布数据后再进入该tabBar的发布页面则需要清除数据。
uni小程序原生tabbar怎么使用iconfont
最新发布
06-13
uni小程序原生tabbar也可以使用iconfont，具体步骤如下： 1. 在iconfont网站上选择需要的图标，添加到购物车中并下载。 2. 解压下载的压缩包，将其中的iconfont.ttf文件复制到uni小程序的static目录下。 3. 在app...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值