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

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

　　cnpm install taro-ui

二、 全局引入樣式 app.scss

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

三、 使用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啓動項目報錯：

　　

　　官網介紹以下，請先設置再運行，項目即可正常運行；

　　

四、 調用AtTabBar組件

　　

 

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

　　

　　注意事項：1. url用絕對路徑時須要在最開始加「/」；2. 在toolbar定義過的頁面不能跳轉；

　　

以上即可實現tabBar路由跳轉；

新手學習，望各位大神多多指教；