uni-app,从tabbar跳转到普通页面失败
时间: 2023-12-02 16:03:15 浏览: 40
在uni-app中,从tabbar跳转到普通页面的方式与从普通页面跳转到tabbar页面的方式略有不同。以下是一种实现方式:
1. 在tabbar页面的`pages.json`文件中,将普通页面配置为`"style": "custom"`,例如:
```json
{
"pages": [
{
"path": "pages/tabbar/home",
"style": {
"navigationBarTitleText": "首页"
}
},
{
"path": "pages/tabbar/mine",
"style": {
"navigationBarTitleText": "我的"
}
},
{
"path": "pages/normal/about",
"style": "custom"
}
],
"tabBar": {
"list": [
{
"pagePath": "pages/tabbar/home",
"text": "首页"
},
{
"pagePath": "pages/tabbar/mine",
"text": "我的"
}
]
}
}
```
2. 在tabbar页面的某个组件中,使用`uni.navigateTo`方法跳转到普通页面,例如:
```javascript
uni.navigateTo({
url: '/pages/normal/about'
});
```
通过上述步骤,你应该能够成功从tabbar页面跳转到普通页面。请确保路径配置正确,并且确认普通页面是否存在。如果问题仍然存在,请提供更多代码或错误信息以便更好地帮助你解决问题。