Button 按钮

按钮组件,可配置多种不同的按钮样式

引入

import { Button } from 'mand-mobile-next'

Vue.createApp().component(Button.name, Button)

代码演示

API

Button Props

属性说明类型默认值备注
type样式Stringdefaultdefault, primary, warning, disabled, link
native-type类型Stringbutton-
size尺寸Stringlargelarge/small,小尺寸可直接用属性small简写
plain朴素Booleanfalse-
round圆角Booleanfalse-
inline行内Booleanfalse-
inactive未激活Booleanfalseinactive设为truedisabled类型的按钮都无法点击,前者一般用于表单校验无效等主观因素,后者用于无权限或无库存等客观因素
icon图标String-可选值请参考组件Icon
icon-svg使用svg图标Booleanfalse-
loading加载中状态Boolean/Stringfalseroller(等同于true),spinnerringcarousel
loading-color加载中图标颜色Stringfalse参考ActivityIndicator

Button Slots

default

按钮内容

Button Events

@click(event)

按钮点击事件