本文共 521 字,大约阅读时间需要 1 分钟。
components 下 建立一个 tabbar的文件夹,创建 tab-bar 和 tab-item 拆分组件 tabBar 使用flex 布局,然后子组件 用 slot 标签占位(方便动态插入标签,复用这个组件)下面是 tabBar 的 文件内容
然后再创建一个tabBarItem 的子组件
里面的 tabBarItem 也是 用 slot 占位,动态插入标签(有点像泛型)
然后在 app.vue 文件下 编辑
如果 slot 加了 name, 就要指定slot的元素 首页 首页 首页 首页
效果如下:
转载地址:http://xluzi.baihongyu.com/