我的h5-vue框架學習之實現頁面底部導航菜單(二)


我的h5-vue框架學習之實現頁面底部導航菜單(二)

把home中tabbar組件剪切到app


我的h5-vue框架學習之實現頁面底部導航菜單(二)

創建對應的頁面,配置路由

我的h5-vue框架學習之實現頁面底部導航菜單(二)

頁面中輸入對應信息

我的h5-vue框架學習之實現頁面底部導航菜單(二)

看一下效果,但是在登錄頁也顯示,接下來繼續解決

我的h5-vue框架學習之實現頁面底部導航菜單(二)

在app裡配置keep-alive並加判斷,tabbar組件加判斷

我的h5-vue框架學習之實現頁面底部導航菜單(二)

在對應路由加meta屬性

我的h5-vue框架學習之實現頁面底部導航菜單(二)

登錄頁底部導航菜單成功消失


我的h5-vue框架學習之實現頁面底部導航菜單(二)

點擊跳轉成功


我的h5-vue框架學習之實現頁面底部導航菜單(二)


我的h5-vue框架學習之實現頁面底部導航菜單(二)

新手上路,功能雖然實現了,不知道有沒有什麼弊端,有不正確或不嚴謹的地方還請留言


分享到:


相關文章: