# BatchSelector 批量选择
# 安装
$ npm i @hui-pro/batch-selector -D
# 或者
$ yarn add @hui-pro/batch-selector --dev
# 引入
import BatchSelector from '@hui-pro/batch-selector';
import '@hui-pro/batch-selector/theme/index.scss';
Vue.use(BatchSelector);
# 内容不定宽
chosen(15/20)
这里添加补充描述
# 内容定宽
chosen(15/20)
这里添加补充描述
# 内容列表
chosen(20/100)
设备名称 | 设备状态 | IP | 操作 |
---|
- 1
- 2
- 3
- 4
- 5
补充说明,这边分页没进行联动,数据是假的
# 自定义添加按钮
chosen(15/20)
这里添加补充描述
# API
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
max-num | 最大数量 | Number(数字为 0 代表无上限) | - | 20 |
label-width | 内容宽度 | Number | - | 0(不定宽) |
default-params | 传入的属性 | Object | - | {name: 'name',id: 'id'} |
# 事件
参数 | 说明 |
---|---|
click | 添加按钮点击事件 |
# slot
name | 说明 |
---|---|
add 1.8.1+ | 添加按钮插槽 |
description | 描述插槽 |