a-tabs defaultActiveKey默认值无效

最新推荐文章于 2024-08-04 23:20:09 发布

css3html5csdn

最新推荐文章于 2024-08-04 23:20:09 发布

阅读量7.1k

点赞数 1

分类专栏： Vue js 文章标签： a-tabs defaultActiveKey默认值无效

本文链接：https://blog.csdn.net/qq_38402659/article/details/101378672

版权

js 同时被 2 个专栏收录

51 篇文章 0 订阅

订阅专栏

Vue

34 篇文章 2 订阅

订阅专栏

使用ant design vue的tab切换初始值无效

<template>
  <a-tabs defaultActiveKey="1">
    <a-tab-pane tab="Tab 1" key="1">Tab 1</a-tab-pane>
    <a-tab-pane tab="Tab 2" disabled key="2">Tab 2</a-tab-pane>
    <a-tab-pane tab="Tab 3" key="3">Tab 3</a-tab-pane>
  </a-tabs>
</template>

注意类型,注意数据类型!!!

<template>
<div class="app" id="app">
    <a-tabs v-model="activeKey">
      <a-tab-pane tab="Tab 1" key="1">Tab 1</a-tab-pane>
      <a-tab-pane tab="Tab 2" disabled key="2">Tab 2</a-tab-pane>
      <a-tab-pane tab="Tab 3" key="3">Tab 3</a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
new Vue({
  el:'#app',
  data() {
    return {
      activeKey: '3',
    }
  }
})
</script>