scroll-tabs-vue3
Version:
可滚动的tabs组件,出现滚动时左右显示滑动按钮
28 lines (25 loc) • 724 B
Markdown
# scroll-tabs-vue3
## 参数
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
| --- | --- | --- | --- | --- |
| tabs | 标签列表 | Array | [] | 是 |
| v-model | 当前选中标签的值,默认为索引 | Number或String | 0 | 是 |
| tabName | 标签名称 | String | name | 否 |
| tabValue | v-model的字段 | String | | 否 |
## 使用方法
#### 下载包
```js
npm install scroll-tabs-vue3
或
yarn add scroll-tabs-vue3
```
#### 在 main.ts 中引入组件并注册
```js
import scrollTabsVue3 from 'scroll-tabs-vue3' // 引入组件
import 'scroll-tabs-vue3/scroll-tabs-vue3.css' // 引入样式
app.use(scrollTabsVue3) // 注册组件
```
#### 在 vue组建中使用
```js
<scroll-tabs-vue3 />
```