文章目录

一、跳转链接时，不能使用navigator标签、 wx.navigateTo、wx.redirectTo方法跳转页面问题解决：1、wx.switchTab(Object object)2、wx.reLaunch(Object object)

二、不能用常规的方式给tabBar的页面传递参数问题解决：1、用前面提到的wx.reLaunch(Object object)方法进行传递2、使用本地存储方法实现

微信底部如果用的是系统自动的

<code>tabbar，也就是在

app.json中配置的底部路由：

// app.json

{

"tabBar": {

"list": [{

"pagePath": "pages/index/index",

"text": "首页"

},{

"pagePath": "pages/me/me",

"text": "个人中心"

}]

}

}

需要注意以下两个问题：

一、跳转链接时，不能使用navigator标签、 wx.navigateTo、wx.redirectTo方法跳转页面

比如，个人中心是tabBar，使用<navigator url="/pages/me/me">个人中心</navigator>code>跳转时，无法跳转，也不会给任何提示。

如果在普通标签上使用wx.navigateTo跳转到任意tabBar页面,则会报错：

Error: MiniProgramError

{ "errMsg":"navigateTo:fail can not navigateTo a tabbar page"}

使用wx.redirectTo也会报同样的错误：

WAServiceMainContext.js:2 Error: MiniProgramError

{ "errMsg":"redirectTo:fail can not redirectTo a tabbar page"}

问题解决：

<code>wx.switchTab({

url: '/pages/me/me'

})

官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

但这样的缺点是，无法携带参数给tabBar页面。如果需要携带参数过去，可以用如下方法。

2、wx.reLaunch(Object object)

作用：关闭所有页面，打开到应用内的某个页面

参数：

用法(可以携带url参数)：

<code>wx.reLaunch({

url: '/pages/me/me?id=1'

})

me页面

// test

Page({

onLoad (option) {

console.log(option.id)

}

})

二、不能用常规的方式给tabBar的页面传递参数

比如在tabBar的页面的onload钩子函数是接收不到其他页面携带过来的option参数的。

问题解决：

可以使用如下两个方法：

1、用前面提到的wx.reLaunch(Object object)方法进行传递

2、使用本地存储方法实现

即在A页面用wx.setStorage将想要传递的参数存到内存中去 , 在B页面（tabBar页面）中直接用wx.getStorage取出内存中取出。

如果你在web前端开发、面试、前端学习路线有困难可以加我V：imqdcnn。免费答疑，行业深潜多年的技术牛人帮你解决bug。

祝你能成为一名优秀的WEB前端开发工程师！