vill-tabs

a tab plugin base on the vuejs

Usage no npm install needed!

<script type="module">
  import villTabs from 'https://cdn.skypack.dev/vill-tabs';
</script>

README

vill-tabs

a vue plugins about tab

Build Setup

install the plugin on bash and the sass module support

npm install vill-tabs --save-dev

register the plugins on the vue project in the entry file (main.js)

import tabs from 'vill-tabs'
Vue.use(tabs);

on the vue template file ,you can also use it by

<template>
  <div class="hello">
    <tabs value="name1" :width="450">
        <pane label="标签一" name="name1">标签一的内容</pane>
        <pane label="标签二" name="name2">标签二的内容</pane>
        <pane label="标签三" name="name3">标签三的内容</pane>
    </tabs>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {};
  }
};
</script>
<style scoped>
</style>

tabs属性值

字段 说明 类型 默认值
value active的标签页 String -
width label宽度 Number -
### pane属性值
字段 说明 类型 默认值
----- ----- ----- -----
name 标志所属tabs的value值 String -
label label的title String -
## License
MIT