<template>
<div>测试
<mt-switch v-model="value" @change="swfn"></mt-switch>
{{value}}
</div>
</template>
<script>
export default {
data() {
return {
value:true
}
},
methods: {
swfn(e){
if(e){
console.log("开",e)
}
else{
console.log("关",e)
}
}
},
}
</script>
<style scoped>
</style>
分析：
1）使用v-model来绑定，如果使用官网的:value.sync="value"不会起作用；
2）change事件可以监听到switc的变化，change的回调参数就是switch的布尔值;
3）change的回调参数是和绑定的value相关的，不需要赋值就可以直接使用。
就是不需要this.value=e;便可以使用value
网友评论