Taro-ui TabBar組件使用路由跳轉


1、 安裝taro-ui (此處使用cnpm)

  cnpm install taro-ui

2、 全局引入樣式 app.scss

  sass :@import "~taro-ui/dist/style/index.scss";

3、 使用tabBar組件中引入AtTabBar ,詳情可查詢官網:https://taro-ui.aotu.io/#/docs/tabbar

   import { AtTabBar } from 'taro-ui'
  @import "~taro-ui/dist/style/components/tab-bar.scss";

  npm run dev:h5啟動項目報錯:

  

  官網介紹如下,請先設置再運行,項目便可正常運行;

  

4、 調用AtTabBar組件

  

 

5、 路由跳轉到對應的頁面,需先在app.js中定義路徑

  

  注意事項:1. url用絕對路徑時需要在最開始加“/”;2. 在toolbar定義過的頁面不能跳轉;

  

以上便可實現tabBar路由跳轉;

新手學習,望各位大神多多指教;

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM