参数支持:v-model、name、activeClolor、inactiveVColor
事件支持:change
1、使用v-model封装,通过props接受value,当点击switch时触发事件进行切换
handelClick(){
this.$emit('input',!this.value)
}
2、修改开关颜色:mounted的时候和修改value的时候
setColor(){
if(this.activeColor||this.inactiveColor){
let color=this.value?this.activeColor:this.inactiveColor
this.$refs.core.style.borderColor=color
this.$refs.core.style.backgroundColor=color
}
},
3、支持name:
在封装的组件内部隐藏一个input :name='name'