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