vue 弹框iframe_Vue.js自定义PC版模态框组件|vue layer弹层

本文介绍了vlayer,一个基于Vue.js的桌面端弹框组件,它集成了多种功能,如alert、dialog、modal等。通过标签式和函数式两种写法展示了如何使用vlayer,并详细列举了其配置参数和事件。此外,文章还提到了拖拽、全屏、跟随定位等高级特性。
摘要由CSDN通过智能技术生成

介绍

vlayer 一款基于vue.js构建的桌面端弹框组件。集合了 alert|dialog|modal|msg|notify|popover|toast|actionsheet 等多种功能于一身。

快速上手

在main.js中全局引入vlayer组件。

import VLayer from './components/vlayer';

Vue.use(VLayer);

标签式写法

v-model="isConfirm"

title="标题内容"

content="

弹窗内容信息!
"

xclose

z-index="2002"

lockScroll="false"

resize

dragOut

:btns="[

{text: '取消', click: () => isConfirm=false},

{text: '确定', style: 'color:#f90;', click: handleFn},

]"

/>

函数式写法

let $el = this.$vlayer({

title: '标题内容',

content: &#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值