tiny-vue_version0/examples/sites/demos/pc/app/switch/dynamic-disable.vue

28 lines
463 B
Vue

<template>
<div class="switch-demo">
<tiny-switch v-model="value1" disabled></tiny-switch>
<tiny-switch v-model="value2" disabled></tiny-switch>
</div>
</template>
<script>
import { Switch } from '@opentiny/vue'
export default {
components: {
TinySwitch: Switch
},
data() {
return {
value1: true,
value2: false
}
}
}
</script>
<style scoped>
.switch-demo .tiny-switch + .tiny-switch {
margin-left: 20px;
}
</style>