本书未发布

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>

本文章首发在 LearnKu.com 网站上。

上一篇 下一篇
讨论数量: 0
发起讨论 查看所有版本


暂无话题~