基于element-ui的vue组件的封装(四)

封装一个element-ui风格的switch组件

参数支持:

参数名 参数描述 参数类型 默认值
v-model 双向绑定 布尔类型 false
name name属性 string text
activeColor 自定义的激活颜色 string #1ec63b
inactiveColor 自定义的不激活颜色 string #dd001b

事件支持:

事件名称 事件描述
change change时触发的事件

switch组件的基本框架和样式

switch组件的基本框架:

<template>
  <div class="dl-switch">
    <span class="dl-swi
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值