tab栏圆点按钮_zzx-tabs tab选项卡可动态设置小圆点

更新记录

1.0.1(2020-05-14)

解决底部line跟选中颜色不同步问题

1.0.0(2020-04-29)

组件初始化，功能完成

查看更多

zzx-tabs

这是一个tab选项卡组件,可以自定义样式,并且可以在 tab项设置小圆点。组件名：zzx-tabs，代码块： zzxTbas。

注意：

组件样式使用了sass所有需要项目中先安装node-sass和sass-loader。

组件调用方式

在你需要使用的页面或者组件引入zzx-tabs，以下是完整功能的示例代码

eg：

template

选项卡1的内容

选项卡2的内容

选项卡3的内容

设置dot

移除dot

script

import zzxTabs from "@/components/zzx-tabs/zzx-tabs.vue"

export default {

components: {

zzxTabs

},

data() {

return {

items: ['选项卡1','选项卡2','选项卡3'],

current: 0

};

},

methods: {

onClickItem(e) {

if (this.current !== e.currentIndex)