本书未发布
tab
<script lang="ts">
import { Setup, Context, PassOnTo } from 'vue-class-setup';
import { defineComponent, onMounted } from 'vue';
@Setup
class FormClass extends Context {
public activeName = 'first';
@PassOnTo(onMounted)
init() {
}
handleClick(tab: TabsPaneContext, event: Event) {
console.log(tab, event)
}
}
export default defineComponent({
...FormClass.inject(),
});
</script>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import type { TabsPaneContext } from 'element-plus'
</script>
<template>
<div class="">
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="数值" name="first">User</el-tab-pane>
<el-tab-pane label="日期和时间" name="second">Config</el-tab-pane>
<el-tab-pane label="字符串" name="third">Role</el-tab-pane>
</el-tabs>
</div>
</template>
<style lang="scss" scoped></style>