32 lines
610 B
Vue
32 lines
610 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<Radio :defaultChecked="false" :disabled="disabled">Disabled</Radio>
|
||
|
|
<br />
|
||
|
|
<Radio defaultChecked :disabled="disabled">Disabled</Radio>
|
||
|
|
<div :style="{ marginTop: 20 }">
|
||
|
|
<AntButton type="primary" @click="toggleDisabled">
|
||
|
|
Toggle disabled
|
||
|
|
</AntButton>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { Radio, Button } from 'antd'
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
disabled: true,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
toggleDisabled () {
|
||
|
|
this.disabled = !this.disabled
|
||
|
|
},
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
Radio,
|
||
|
|
AntButton: Button,
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|