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 |