uniapp同一事件指定跳转不同页面

<view class=" swiper-item-top">
            <block v-for=" (item,index) in WxTopNavigationBar" :key="index">
            <view class="conteng-img"  @tap="hrefKing(index)">
                <image :src="item.url" mode="widthFix" class="uploadimg1"></image>
                <text>{{item.title}}</text>
            </view>
            </block>
            
            
        </view>

hrefKing(index) {
                log(index)
                let url = "";
                switch (index) {
                    case 0:
                        url = "../../pagesII/ImportedFruit/ImportedFruit"//进口水果
                        break;
                    case 1:
                        url = "../../pagesII/hotFruit/hotFruit"//热门品种
                        break;
                    case 2:
                        url = "../../pagesII/seasonal/seasonal"//应季专区
                        break;
                    case 3:
                        url = "../../pagesII/superValue/superValue"//超值专区
                        break;
                    case 4:
                        url = "../../pagesII/Recently/Recently"//最近看过
                        break;
                    
                    default:
                        break;
                }
                if (url) {
                    uni.navigateTo({
                        url: url
                    })
                } else {
                    uni.showToast({
                        title:'功能未完成~',
                        icon:'none'
                    })
                }
            },