今天我们来介绍基于vue开发的modal, 这是我在东家波奇网开发的一个小组件,叫boqii-modal.
由于同事们在做H5的活动的时候,很多次的用到来modal框弹层像这样的
屏幕快照 2018-12-17 上午11.27.10.png
屏幕快照 2018-12-17 上午11.27.20.png
屏幕快照 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, //你要传入模态框的参数</