更新记录

1.0.11（2023-10-15） 下载此版本

增加未选中样式 zb-no-active

1.0.10（2023-10-15） 下载此版本

优化说明文档

1.0.9（2023-10-15） 下载此版本

修复初始化问题

平台兼容性

zb-tab tab 切换

微信=》 19550102670 拉进群

友情链接

在线预览点击 —— 企业级、通用型中后台前端解决方案

vue-admin-perfect —— 企业级、通用型中后台前端解决方案（基于vue3.0+TS+Element-Plus 最新版，同时支持电脑，手机，平板)

zb-tab Props 属性

特别注意

v-model v-model绑定的变量值与data绑定的数组内某一项元素的value值相等才能显示默认下划线。 对应的是 data中的 value值

未选中class 可以用 zb-no-active 来覆盖样式

3 DropdownItem Events

使用示例

<zb-tab
  :activeStyle="{
    fontWeight: 'bold',
    transform: 'scale(1.1)'
    }"
  :data="list"
  v-model="active"
 ></zb-tab>

 v-model 对应得是 data中选中得value

数据格式

list0 = [{
    name: '标签1',
    value: 0,
}, {
    name: '标签2',
    value: 1,
}, {
    name: '标签3',
    value: 2,
}, {
    name: '标签4',
    value: 3,
}]