项目中需要用到switch这个开关组件，但是又不想用太重量级的组件库了，加载量太大，没必要，所以自己定制了一个，借鉴了一下we-ui的样式。很简单的几行代码，大家可以自己修改样式。
PS:有些东西光靠想可能觉得比较复杂，但真正去做了，还是不难。
我还是习惯分2步走，首先需要在一个独立页面把组件和样式都调好，一切OK了，再封装成组件。
二、 第二步封装成组件调用。就2个vue文件，组件vue+测试调用的vue，完整的代码如下：
1、组件代码(请自行放置到自己项目中对应的位置)
export default {
props: {
value: {
type: Boolean,
default: true
}
},
data() {
return {
me_checked: this.value
}
},
watch: {
me_checked(val) {
this.$emit('input', val);
}
},
methods: {
toggle() {
this.me_checked = !this.me_checked;
}
}
}
.weu
最低0.47元/天 解锁文章
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
