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

602 B

#### 不可用 点击按钮切换可用状态。 #### Disabled Click the button to toggle between available and disabled states.
<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>