按钮

介绍
按钮是一种命令组件,可发起一个即时操作。
API
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 默认状态 | 'default'|'disabled'|'hide' | 'default' |
title | 标题 | string | '按钮' |
type | 类型 | 'primary'|'secondary'|'dashed'|'outline'|'text' | 'primary' |
btnStatus | 展示类型 | 'normal'|'warning'|'success'|'danger' | 'normal' |
shape | 按钮形状 | 'square'|'circle'|'round' | 'shape' |
size | 按钮尺寸 | 'large'|'medium'|'small'|'mini' | 'medium' |
icon | 图标选择 | string | - |
iconAfter | 图标后置 | boolean | false |
loading | 加载状态 | boolean | false |
autoSize | 按钮宽度自适应 | boolean | false |
autoSize | 按钮宽度自适应 | boolean | false |
baseStyle | 自定义样式 , 表格整体自定义样式 | string | - |
customClass | 类名绑定 , 绑定类的名称 | string | - |
uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
authControl | 权限控制 | boolean | false |
loop | 循环 , 循环渲染设置 | Loop | - |
Events
事件名 | 描述 | 参数 |
---|---|---|
onClick | 用户输入时触发 | ctx params: PointerEvent loop: LoopParams |
Type
js
// 循环
type Loop = {
"data": any[],
"paramName": string,
"indexName": string,
"key": string
}
// 循环变量数据参数
type LoopParams = {
"indexName":string,
"paramName":string,
"ref":ComputedRefImpl, // 全部的循环变量数据
"row":number,
"rowIndex":number
}[]