mand-mobile/components/switch/demo/cases/demo3.vue

30 lines
615 B
Vue

<template>
<div class="md-example-child md-example-child-switch md-example-child-switch-3">
<md-switch
v-model="isActive"
disabled
@change="handler('switch3', isActive, $event)"
></md-switch>
</div>
</template>
<script>
import {Switch} from 'mand-mobile'
export default {
name: 'switch-demo',
title: '关闭不可用状态',
components: {
[Switch.name]: Switch,
},
data() {
return {
isActive: false,
}
},
methods: {
handler(name, active) {
console.log(`Status of switch ${name} is ${active ? 'active' : 'inactive'}`)
},
},
}
</script>