Jelajahi Sumber

feat(about): 添加切换tabbar的功能按钮

添加一个按钮用于快速切换到首页tabbar,提升页面导航体验
feige996 8 bulan lalu
induk
melakukan
d4a32c0e92
1 mengubah file dengan 11 tambahan dan 0 penghapusan
  1. 11 0
      src/pages/about/about.vue

+ 11 - 0
src/pages/about/about.vue

@@ -47,6 +47,12 @@ onReady(() => {
   console.log('onReady:', uniLayout.value) // onReady: Proxy(Object)
   console.log('onReady:', uniLayout.value.testUniLayoutExposedData) // onReady: testUniLayoutExposedData
 })
+
+function gotoTabbar() {
+  uni.switchTab({
+    url: '/pages/index/index',
+  })
+}
 </script>
 
 <template>
@@ -67,6 +73,11 @@ onReady(() => {
         前往 alova 示例页面
       </button>
     </view>
+    <view class="text-center">
+      <button type="primary" size="mini" class="w-160px" @click="gotoTabbar">
+        切换tabbar
+      </button>
+    </view>
     <view class="text-center">
       <button type="primary" size="mini" class="w-160px" @click="gotoVueQuery">
         vue-query 示例页面