ant-design-vue/components/input-number/demo/disabled.md

35 lines
602 B
Markdown

<cn>
#### 不可用
点击按钮切换可用状态。
</cn>
<us>
#### Disabled
Click the button to toggle between available and disabled states.
</us>
```tpl
<template>
<div>
<a-input-number :min="1" :max="10" :disabled="disabled" :defaultValue="3" />
<div style="marginTop:20px">
<a-button @click="toggle" type="primary">Toggle disabled</a-button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
disabled: true,
};
},
methods: {
toggle() {
this.disabled = !this.disabled;
},
},
};
</script>
```