1.0.0 • Published 7 years ago
vill-tabs v1.0.0
vill-tabs
a vue plugins about tab
Build Setup
install the plugin on bash and the sass module support
npm install vill-tabs --save-devregister 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
1.0.0
7 years ago