# BatchSelector 批量选择

版本:1.13.0

开发:郑杰7

交互:苗任越

UI:鲁欣如

规范:[已评审] http://10.33.43.73/BBG_UED/BUI_Design/bscs/bscsapp/issues/76#note_30740

# 安装

$ 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)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
这里添加补充描述
基础用法

内容的宽度不定

# 内容定宽

chosen(15/20)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
这里添加补充描述
基础用法

内容宽度定宽

# 内容列表

chosen(20/100)
设备名称
设备状态
IP
操作
0
离线
10.10.10.11
1
离线
10.10.10.11
2
离线
10.10.10.11
3
离线
10.10.10.11
4
离线
10.10.10.11
5
离线
10.10.10.11
6
离线
10.10.10.11
7
离线
10.10.10.11
8
离线
10.10.10.11
9
离线
10.10.10.11
10
离线
10.10.10.11
11
离线
10.10.10.11
12
离线
10.10.10.11
13
离线
10.10.10.11
14
离线
10.10.10.11
15
离线
10.10.10.11
16
离线
10.10.10.11
17
离线
10.10.10.11
18
离线
10.10.10.11
19
离线
10.10.10.11
  • 1
  • 2
  • 3
  • 4
  • 5
补充说明,这边分页没进行联动,数据是假的
基础用法

内容为列表展示;通过插槽插入hui的table和pagination(由于列表和分页hui已存在,这边故不做封装)

# 自定义添加按钮

chosen(15/20)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
这里添加补充描述
基础用法

内容的宽度不定

# 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 描述插槽