ant-design-vue/components/button/demo/disabled.md

29 lines
709 B
Markdown
Raw Normal View History

2018-01-24 22:53:45 +08:00
<cn>
#### 不可用状态
添加 `disabled` 属性即可让按钮处于不可用状态,同时按钮样式也会改变。
</cn>
<us>
#### Disabled
To mark a button as disabled, add the `disabled` property to the `Button`.
</us>
```html
2017-11-03 18:46:18 +08:00
<template>
<div>
2018-01-23 18:55:39 +08:00
<a-button type="primary">Primary</a-button>
<a-button type="primary" disabled>Primary(disabled)</a-button>
2017-11-03 18:46:18 +08:00
<br />
2018-01-23 18:55:39 +08:00
<a-button>Default</a-button>
<a-button disabled>Default(disabled)</a-button>
2017-11-03 18:46:18 +08:00
<br />
2018-01-23 18:55:39 +08:00
<a-button>Ghost</a-button>
<a-button disabled>Ghost(disabled)</a-button>
2017-11-03 18:46:18 +08:00
<br />
2018-01-23 18:55:39 +08:00
<a-button type="dashed">Dashed</a-button>
<a-button type="dashed" disabled>Dashed(disabled)</a-button>
2017-11-03 18:46:18 +08:00
</div>
</template>
2018-01-24 22:53:45 +08:00
```