uniapp的顶部导航栏默认选中
时间: 2023-08-04 08:06:20 浏览: 87
UniApp 的顶部导航栏默认选中可以通过 `uni.switchTab()` 方法实现。在 `onLoad` 生命周期中,你可以使用 `getCurrentPages()` 方法获取当前页面栈的实例,并通过实例的 `route` 属性获取当前页面的路径,然后根据路径判断应该选中哪个导航栏。
具体实现代码如下:
```
onLoad() {
const pages = getCurrentPages();
const currentPage = pages[pages.length - 1];
const path = currentPage.route;
switch (path) {
case 'pages/home/index':
uni.switchTab({
url: '/pages/home/index'
});
break;
case 'pages/cart/index':
uni.switchTab({
url: '/pages/cart/index'
});
break;
case 'pages/profile/index':
uni.switchTab({
url: '/pages/profile/index'
});
break;
default:
break;
}
}
```
需要注意的是,在 `switchTab` 方法中传入的路径应该是相对于根目录的路径。
阅读全文