Button 按钮

引导用户去触发操作的区域

何时使用

用户需要执行有具体含义的动作、命令

连接页面之间、页面和弹窗、页面和浮层面板的跳转

使用示例

Props

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | ---------- | --------------------------------------------- | ------- | ------------------------------------------------------------------------- | --------- | | type | 设置按钮类型 | string | 'primary' | 'line' | 'success' | 'danger' | 'default' | 'default' | | appearance | 设置按钮外观 | string | 'link' | 'button' | 'button' | | disabled | 设置按钮是否禁用 | boolean | true | false | false | | size | 设置按钮尺寸 | string | 'lg' | 'md' | 'sm' | 'default' | | icon | 设置按钮图标 | string | 详见  <Icon/>  组件 ︎ | - | | href | 设置按钮链接，设置后将用 a 标签渲染按钮 | string | ︎ | - | | target | 同 a 标签的 target 属性，仅在设置 href 后有效 | string | ︎'_self' | '_blank' | '_parent' | '_top' | - | | loading | 是否显示 loading | boolean | ︎- | false |

Events

| 名称 | 说明 | 类型 | 参数 | 返回值 | | ------- | ---------------- | --------------------------- | ------------------- | ------ | | onClick | 点击按钮时的回调 | (event: MouseEvent) => void | event: 鼠标事件对象 | - |

CHANGELOG

| 参数 | 变更类型 | 变更内容 | 解决的问题 | | ---------- | -------- | ---------------------------------- | ---------- | | type | update | 删除'line'，新增'secondary' | | | size | update | 变更为 'sm' | 'md' | 'lg' | 'xl' | | | appearance | update | 删除'button'，新增'filled'、'line' | | | shape | feature | 增加形状 'round' | 'square' | |