源代码
<template>
<div>
<h2>SwitchButton State</h2>
<div class="fitem">
<Label for="s1">Normal:</Label>
<SwitchButton inputId="s1"></SwitchButton>
</div>
<div class="fitem">
<Label for="s2">Disabled:</Label>
<SwitchButton inputId="s2" :disabled="true"></SwitchButton>
</div>
<div class="fitem">
<Label for="s3">Readonly:</Label>
<SwitchButton inputId="s3" :readonly="true" :value="true"></SwitchButton>
</div>
</div>
</template>
<script>
export default {};
</script>
<style>
.fitem {
margin-bottom: 20px;
}
.fitem label {
width: 150px;
}
</style>