更新记录

1.1.1（2022-11-28）

• 修复vue3.0导致的点击无反应

1.1.0（2022-11-22）

注意！此版本变更了传值方式与方法名，如从旧版本更新需更新写法

• 变更传值方式为v-model双向绑定
• 增加change事件，移除getIndex事件
• 优化代码结构

1.0.6（2022-06-29）

• 修复动态传值下标不移动或位置错误
• 精简代码

平台兼容性

1.1.0版本起变更了传值方式与方法名，如从旧版本更新需更新写法

基础用法

template

<lgd-tab v-model="tabIndex" :tabValue="tabValue" />

script

export default {
    data() {
        return {
            tabValue: ['示例1',  '示例2'],
            tabIndex: 0
        }
    }
}

参数说明

事件

样式

App.vue中引入css

<style>
    @import url("./components/lgd-tab/lgd-tab.css");
</style>