美文网首页
Vue自定义单选按钮和复选框组件

Vue自定义单选按钮和复选框组件

作者: booleen | 来源:发表于2019-04-15 20:06 被阅读0次

“ 做好自己就好了啊 ”

问题

前段时间接到一个任务,需要做一个自定义的单选和多选按钮,但是之前都是用现成的UI框架,都不用自己写样式,直接一套就是干!但是进公司后,发现部门不适用外部UI框架,好吧,那我就自己写呗!

构思

我想到的办法是运用原生的radio和CheckBox,再通过样式覆盖的方式。

兼容性

由于在写组件时使用了flex布局,so 低版本浏览器不支持的哈,具体有关flex的知识可以学习一下阮大佬的博客:[Flex 布局教程:语法篇](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)

上代码

具体可以去掘金上看哦。(https://juejin.im/post/5cb4676e518825215e61f06e

相关文章

网友评论

      本文标题:Vue自定义单选按钮和复选框组件

      本文链接:https://www.haomeiwen.com/subject/xxwpwqtx.html