vue2.x 三级弹窗

这篇博客介绍了作者在实际项目中遇到的三级弹窗需求,并自行封装了一个Vue2.x组件。文章详细讲解了配置项、使用方法及示例,并提及已发布到npm。还讨论了是否兼容Vue3.0的可能性,诚邀读者提出建议。
摘要由CSDN通过智能技术生成

三级弹窗

在实际中遇到了某种场景,需要使用三级弹窗,放大或缩小弹窗,所以自己封装了一个。

在这里插入图片描述
大概就是这个样子,录屏转换gif有点模糊和卡。

发布到npm上去了

npm i kc-dialog

然后main.js
其实我也不想起这么长的名字,别人都快我好多步

import KDialog from 'kc-dialog';
import 'kc-dialog/dist/KDialog.css'
Vue.use(KDialog)

配置项

  • 属性
参数 说明 类型 可选值 默认值
visible 是否显示 Dialog,支持 .sync 修饰符 boolean —— false
title Dialog 的标题,也可通过具名 slot 传入 string —— 提示
width Dialog 的宽度 string —— 30%
mask 是否需要遮罩层 boolean ——
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值