vant/packages/button/zh-CN.md

Button 按钮

使用指南

import { Button } from 'vant';

Vue.use(Button);

代码演示

按钮类型

支持default、primary、warning、danger四种类型，默认为default

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

朴素按钮

<van-button plain type="primary">朴素按钮</van-button>
<van-button plain type="danger">朴素按钮</van-button>

禁用状态

通过disabled属性来禁用按钮，此时按钮不可点击

<van-button disabled type="primary">禁用状态</van-button>
<van-button disabled type="danger">禁用状态</van-button>

加载状态

<van-button loading type="primary" />
<van-button loading type="danger" />

按钮形状

<van-button square type="primary">方形按钮</van-button>
<van-button round type="danger">圆形按钮</van-button>

按钮尺寸

支持large、normal、small、mini四种尺寸，默认为normal

<van-button size="large">大号按钮</van-button>
<van-button size="normal">普通按钮</van-button>
<van-button size="small">小型按钮</van-button>
<van-button size="mini">迷你按钮</van-button>

API

参数	说明	类型	默认值	版本
type	类型，可选值为 primary warning danger	String	default	-
size	尺寸，可选值为 large small mini	String	normal	-
text	文字	String	-	-
tag	HTML 标签	String	button	-
native-type	原生 type 属性	String	-	-
disabled	是否禁用按钮	Boolean	false	-
loading	是否显示为加载状态	Boolean	false	-
block	是否为块级元素	Boolean	false	-
plain	是否为朴素按钮	Boolean	false	1.1.13
square	是否为方形按钮	Boolean	false	1.2.0
round	是否为圆形按钮	Boolean	false	1.3.4

Event

事件名	说明	参数
click	点击按钮且按钮状态不为加载或禁用时触发	-