vue 提示框modal_基于vue的动态modal,很好用的弹窗工具,移动端必备

本文介绍了基于Vue开发的 Modal 组件——boqii-modal,适用于移动端的弹窗需求。它提供了灵活的配置选项,如动画效果、回调函数等,方便开发者创建和管理各种弹窗场景。
摘要由CSDN通过智能技术生成

今天我们来介绍基于vue开发的modal, 这是我在东家波奇网开发的一个小组件,叫boqii-modal.

由于同事们在做H5的活动的时候,很多次的用到来modal框弹层像这样的

d092992b6473

屏幕快照 2018-12-17 上午11.27.10.png

d092992b6473

屏幕快照 2018-12-17 上午11.27.20.png

d092992b6473

屏幕快照 2018-12-17 上午11.27.32.png

基于vue的开发模式,写一个弹层其实挺麻烦的。

所以我写来一个vue的实例拓展来使开发者能够更加优雅的使用弹窗

github地址: boqii-modal

npm 包地址: npm install boqii-modal

使用方法

import 'boqii-modal'

import AComponent from '@/component/AComponent'

let propsdata = []

this.$modal({

template: AComponent, //你要弹出的业务组件

params: propsdata, //你要传入模态框的参数</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值