Vue.js material design选项卡组件 - vue-material-tabs

Vue.js material design选项卡组件 - vue-material-tabs
插件名称 vue-material-tabs
版本号 v0.1.6
发布时间 2021年5月16日
插件作者 jairoblatt

Vue.js在材料设计中使用Tabs组件。

安装

 yarn add vue-material-tabs  // npm install --save vue-material-tabs

用法

全局

import Vue from "vue";
import Tabs from "vue-material-tabs";

Vue.use(Tabs);

局部

import { tabs, tab } from "vue-material-tabs";

export default {
  components: {
    tabs,
    tabItem,
  },
};

例子

<Tabs>
  <TabItem name="Foo">
    <div class="first-tab">First tab</div>
  </TabItem>
  <TabItem name="Bar">
    <div class="second-tab">Second tab</div>
  </TabItem>
</Tabs>

您可以通过插槽#name在导航栏中自定义名称(这将取消使用prop名称)

<Tabs>
  <TabItem>
    <template #name>
        My custom title 🍉
    </template>

    <div class="first-tab">
    First tab
    </div>
  </TabItem>
</Tabs>

变更日志:

v0.1.6 (07/18/2021)

  • 创建:模型句柄

v0.1.5 (06/30/2021)

  • 更新

v0.1.4 (06/23/2021)

  • 更新

v0.1.3 (06/21/2021)

  • 添加:无触摸选项

v0.1.2 (06/12/2021)

  • 更新

v0.1.0 (05/22/2021)

  • 修复:插槽反应

v0.0.9 (05/18/2021)

  • 错误修正