我们用vant组件库来实现底部导航功能
按方式三引入全部的vant
复制粘贴到main.js
回到vant找到组件Tabbar的路由模式复制
放到home页面,可以再复制2个标签,这样底部就是4个
效果如上图,底部是4个标签
当点击搜索图标时,导航菜单消失了,这不是我们想要的效果
导航菜单为什么消失了?其实和我们的代码思维逻辑有关系,还有是对vue的学习程度不够深刻。当我们把导航添加到home时就已经是错的了。为什么这么说,我们下节课再讲
我们用vant组件库来实现底部导航功能
按方式三引入全部的vant
复制粘贴到main.js
回到vant找到组件Tabbar的路由模式复制
放到home页面,可以再复制2个标签,这样底部就是4个
效果如上图,底部是4个标签
当点击搜索图标时,导航菜单消失了,这不是我们想要的效果
导航菜单为什么消失了?其实和我们的代码思维逻辑有关系,还有是对vue的学习程度不够深刻。当我们把导航添加到home时就已经是错的了。为什么这么说,我们下节课再讲