vue 提示框modal_v-dialogs v1.9.0 - 基于 Vue2 的简洁易用的弹出窗口,包含 modal, alert, mask, toast 等功能模式...

v-dialogs是一个基于Vue2的弹窗插件,提供Modal、Alert、Mask和Toast等功能。通过简单的API调用,可以方便地在应用中创建和管理这些对话框。例如,可以使用Modal打开一个组件,并传递参数,或者在组件内部关闭对话框并返回数据。此外,Alert用于显示消息提示,Mask则用于全屏遮罩,而Toast可以在屏幕角落展示通知。
摘要由CSDN通过智能技术生成

v-dialogs

基于Vue2.x的简洁易用的弹出窗口插件,其包含有 Modal, Alert, Mask 与 Toast 等功能模式

更多文档、Demo

请访问:

the jQuery version: bDialog

状态

Install

# install dependencies

npm i v-dialogs --save

Include plugin in your main.js file.

import Vue from 'vue'

import vDialog from 'v-dialogs';

...

Vue.use(vDialog);

Example / Use case

Modal

import myComponent from './myComponent';//import component you want to open in Modal dialog

new Vue({

el: '#app',

methods: {

click(){

//open component in Modal, and passing params to component

this.$vDialog.modal(myComponent, {

params: {

a: 1,

b: 2

}

});

}

}

});

receive params in component</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值