「已注销」 2023-03-27 11:18 采纳率: 83.3%
浏览 28
已结题

uni-app写了一个tab切换,怎么改切换页面

uni-app写了一个tab切换,怎么改切换页面?就是切换路由页面


<view class="list-category">
            <view class="list-category-item" @click="active = 1" :class="active == 1 ? 'active' : ''">
                关注
            </view>
            <view class="list-category-item" @click="active = 0" :class="active == 0 ? 'active' : ''">
                我关注
            </view>
        </view>
        <view v-if="active == 0">
            1111111111111
        </view>
        <view v-if="active == 1">
            2222222222222
        </view>
  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2023-03-27 13:37
    关注

    在 uni-app 中切换路由页面可以使用 uni.navigateTo() 或 uni.switchTab() 方法,具体使用哪个方法要看你的场景需求。
    如果你是要跳转到一个非 tabBar 页面,可以使用 uni.navigateTo() 方法.

    如果你是要跳转到一个 tabBar 页面,可以使用 uni.switchTab() 方法

    <view class="list-category-item" @click="switchPage(1)" :class="active == 1 ? 'active' : ''">
      关注
    </view>
    <view class="list-category-item" @click="switchPage(0)" :class="active == 0 ? 'active' : ''">
      我关注
    </view>
    
    
    methods: {
      switchPage(active) {
        if (active === 0) {
          uni.navigateTo({
            url: '/pages/myPage/myPage'
          })
        } else if (active === 1) {
          uni.switchTab({
            url: '/pages/index/index'
          })
        }
      }
    }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月5日
  • 已采纳回答 3月28日
  • 创建了问题 3月27日