【附注信息 ----> 关注公众号:CS阿吉,大家一起分享更多的技术文章,聊天技术问题。】
场景:从当前tabbar页面的index页面中的search组件,点击,跳转到tabbar页面的policy页面,使用navigateTo方法跳转失效。
解决方案:使用switchTab方法。
<template>
<view class="searchContainer">
<view class="searchContainer-view" @tap="jumpToPolicy">
<image src="../../../static/searchIcon.png" mode="widthFix" class="searchContainer-view-image"></image>
<input type="text" placeholder="请输入政策关键字" class="searchContainer-view-input" disabled />
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
jumpToPolicy() {
uni.switchTab({
url: "/pages/policy/index"
});
}
}
}
</script>
我们可以把跳转方法抽离出一个通用跳转方法
jumpToPage(url,type){
if(type == 'tabbar'){
uni.switchTab({
url: url
})
}else{
uni.navigateTo({
url: url
})
}
}