vue自定义组件 - switch

图片描述

项目中需要用到switch这个开关组件,但是又不想用太重量级的组件库了,加载量太大,没必要,所以自己定制了一个,借鉴了一下we-ui的样式。很简单的几行代码,大家可以自己修改样式。

PS:有些东西光靠想可能觉得比较复杂,但真正去做了,还是不难。

我还是习惯分2步走,首先需要在一个独立页面把组件和样式都调好,一切OK了,再封装成组件。

一、 第一步组件调试的效果,看这里:https://jsfiddle.net/50wL7mdz...

二、 第二步封装成组件调用。就2个vue文件,组件vue+测试调用的vue,完整的代码如下:

1、组件代码(请自行放置到自己项目中对应的位置)





2、 调用的代码



希望对大家有用。

你可能感兴趣的:(vue.js,switch控件)