vant的标签问题

来源:4-6 安装 vant-ui 和使用 Vite 按需加载组件

桂森滨

2024-02-23

vant的标签问题
我在官网上以及平时使用的标签是 这样的

<van-tabbar v-model="active">
  <van-tabbar-item icon="home-o">标签</van-tabbar-item>
  <van-tabbar-item icon="search">标签</van-tabbar-item>
  <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
</van-tabbar>

为什么我看视频中您的标签是 直接用的

<Tabbar v-model="active">
	<TabbarItem name="home" icon="home-o">首页</TabbarItem>
	<TabbarItem name="order" icon="bars">订单</TabbarItem>
	<TabbarItem name="me" icon="contact">我的</TabbarItem>
</Tabbar>

我在网上没有查到这个写的方式,所以这两种是同一个东西么?有啥区别么

写回答

2回答

秋得法

2024-03-05

脚手架会自动转换,转换成html的格式TabbarItem 会变成 tabbar-item,

前面加上vant是配置了按需引入可以看4-7


1
2
one_pieces
感谢同学的回答
2024-03-18
共2条回复

秋得法

2024-03-05

前面加上vant是配置了按需引入可以看4-7

0
0

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

Vue3+Pinia+Vite+TS 还原高性能外卖APP项目

392 学习 · 251 问题

查看课程