注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面
跳转不带tab的页面还是用redirectTo或者navigateTo
故如果post页面没有加入tab选项卡,依然使用redirectTo或者navigateTo
wx.navigateTo({
url: '../b/b'
wx.redirectTo({
url: '../b/b'
微信小程序的导航跳转分为navigateTo(保留当前页,跳转到应用内的其他页面,跳转非tabBar页面,可带参数,但是这里有个小坑,后面说),
navigateBack(关闭当前页面,返回上一页面或多级页面),
redirectTo(关闭当前页面,跳转到应用内的某个页面,跳转非tabBar页面,可带参数),
reLaunch(关闭所有页面,打开到应用内的某个页面,可带参数),
switchTab(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面, 不可带参数),
说到这里就是今天主题了,如果我们想跳转到tabBar页面并且想携带参数在怎么办?
话不多说上代码
最近在写一个小程序的小项目,遇见的坑拿出来给大家进行分享一下。下面仅属个人观点,不喜勿喷!!!1. 跳转页面 坑wx.navigateTo和wx.redirectTo 不进行跳转 tabar 页面,
可以使用 wx.switchTab 这个方法进行试试2. onShow刷新界面数据,每次进入都会将最新数据展示出来//只是加载时用到,再次进入不会刷新
//onLoad: ...
在开发小程序过程中,有个需求是,小程序底部的tabBar需要根据不同用户角色显示不同底部导航。这里不用管tabBar的list超过5个,因为后面是使用自定义组件,完全接管 tabBar 的渲染。2、本示例是7个底部导航,分2种权限,权限1显示1,2,3;权限2显示4,5,6,7;3、当然你也可以自由其他组合,比如:权限1显示1,4;权限2显示1,2,3,4;另1种权限显示4个按钮(这里做的是显示4,5,6,7导航)1种权限显示3个按钮(这里做的是显示1,2,3导航)修改好权限后,记得要重新编译哦。
因为刚接触小程序开发,在开发小程序过程中,我对于界面的跳转都是习惯于用wx.navigateTo或者wx.redirectTo,
两者的区别就是:
前者wx.navigateTo保留当前页面再去跳转新界面,而后者wx.redirectTo则是先关闭当前界面再去跳转新界面。就类似与vue中的路由跳转,push和replace,一个可回退,一个不可回退。
但最近在开发的过程中需要使用全局配置tabBar界面,这时我再使用上述两种方法去跳转则报错:
这是我定义的tabBar
"tabBar": {
开发者工具创建的项目,miniprogramRoot 默认为 miniprogram,package.json 在其外部,npm 构建无法正常工作。(8)按需引入,在对应的page页面的 .json文件中的usingComponents属性中通过路径找到@vant引入你想使用的组件。(2)与pages同名创建custom-tab-bar文件夹(名字不能变),并创建index组件(tabbar自定义组件)(1)打开我们小程序的项目目录,然后打开文件所在的位置。(5)修改 app.json。
最近找到一个VUE的文档,它将VUE的各个知识点进行了总结,整理成了《Vue 开发必须知道的36个技巧》。内容比较详实,对各个知识点的讲解也十分到位。所有 tab 页的 json 里需声明 usingComponents 项,也可以在 app.json 全局开启。!) 于是我们需要去修改样式,组件去影响页面的样式需要设置样式。自定义组件index.js中 options:{ styleIsolation:'shared' },!
最近在做一个投稿小程序,主要功能是作者可以在微信小程序登录,注册,然后登陆进入主页面,可以投递稿件以及浏览自己已投递的稿件,和个人中心等主要功能,做的比较简单,因为本人对于小程序是一个初学者。
continuePublish:function(){
var pages = getCurrentPages();
pages[pages.length - 2].resetData();
wx.navigateBack({});
// 清空数据(前