uniapp 自定义组件自定义方法跳转页面没用
时间: 2023-09-18 22:13:35 浏览: 67
在uniapp中,如果你在自定义组件中使用自定义方法跳转页面,可能会发现跳转没有生效。这个问题可以通过一些方法来解决。
首先,你可以在pages.json文件中设置原生tabbar,确保跳转的路径与自定义tabbar保持一致。通过这种方式,可以增加原生tabbar,同时解决自定义tabbar闪烁问题。具体的配置如下所示:
```json
"tabBar": {
"backgroundColor": "#F3F2F0",
"borderStyle": "white",
"display": "none",
"list": [
{ "pagePath": "pages/index/index", "text": "" },
{ "pagePath": "pages/index/category", "text": "" },
{ "pagePath": "pages/index/authenticate", "text": "" },
{ "pagePath": "pages/index/cart", "text": "" },
{ "pagePath": "pages/index/user", "text": "" }
]
}
```
另外,你也可以尝试将自定义tabbar当成主页面,将其他内容作为组件引入。这种方式也可以解决闪烁问题。但是,如果你的项目已经开发了很多地方,需要修改的地方很多,那么这种方法可能就不太适用了。
另外一个关键的方法是将自定义tabbar的跳转方式改为switchTab。如果你使用其他方式进行跳转,底部tabbar还是会随着页面刷新而闪烁。你可以使用uni.switchTab({ url:path })来实现这个跳转。
综上所述,你可以根据这些方法来解决uniapp中自定义组件自定义方法跳转页面没有生效的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>