自定义按钮组件vue cli element scss
目标:实现 颜色 、图标 、背景色 可配置(将按钮样式统一管理)
先上样式看看效果
1.在component下定义建好文件夹和对应得文件名称:
2. button.vue中写静态通用样式 且引入btn.js 中得配置
3.在btn.js中 管理这些按钮
4.main.js中 注册全局组件
import Button from "@/components/fallButton/button.vue"
Vue.component(Button.name, Button)
5. vue文件中引入且传入配置
原创
2021-06-08 00:40:16 ·
154 阅读 ·
0 评论