Skip to content
On this page

按钮组件

NButton

TIP

NButton 组件是对 ant-design-vue Button 组件的二次封装, 除了支持 ant-design-vue Button 组件的所有参数/事件/方法/插槽外, 还支持以下参数.

NButton 组件示例

Props
参数说明类型可选值默认值必填
...ant-design-vue Button 组件的所有参数............
delay点击事件延时时间, 用于防止重复点击number, 单位: 毫秒-250
type按钮类型, 在 Button 组件的基础上增加了 secondary 类型. secondary 类型弃用, 请使用 secondary 属性.primary, secondary, default, dashed, link, text-default
secondary是否为次要按钮, 会根据按钮类型自动设置背景色boolean-false
warning是否为警告按钮, 会根据按钮类型自动设置背景色boolean-false

NLoadingButton

NLoadingButton 组件会根据 loadingClick 的返回值自动为按钮添加 loading 状态.

NLoadingButton 组件示例

Props
参数说明类型可选值默认值必填
...NButton 组件的所有参数............
Events
事件名称说明回调参数
...ant-design-vue Select 组件的所有事件...
loadingClick点击事件回调函数. 是否显示 loading 取决于返回值.(event: MouseEvent) => Promise<unknown>