基于vue.js的dialog插件art-dialog-vue2.0发布

art-dialog-vue —— 经典、优雅的网页对话框控件

优点

支持普通与 12 方向气泡状对话框
支持 ARIA 标准
面向未来：基于 HTML5 Dialog 的 API
支持标准与模态对话框
丰富且友好的编程接口
能自适应内容尺寸

安装

 npm install art-dialog-vue //插件文件在plugin目录下

url引入

<script src="plugin/dist/static/css/dialog.min.css"></script>
<script src="plugin/dist/static/js/dialog.js"></script>
<script>Vue.use(Dialog.default)//使用插件,注意以url引入时use的参数是Dialog.default
</script>

模块化引入

import Dialog from 'art-dialog-vue' //esm
const Dialog = require('art-dialog-vue').default //RequireJS，非esm形式要加.default
Vue.use(Dialog)//使用插件

基本使用

const d = Vue.dialog({title: 'art-dialog-vue',content: {template: '<div>{{name}}，欢迎使用</div>',data() {return {name: 'hello'}}},button: [{id: '1',value: '确定',callcack() {      //do something                                      return false;//返回false 表示弹窗不关闭}},{id: '2',value: '取消',callcack() {      //do something                                      return false;//返回false 表示弹窗不关闭}},]
});
d.show();

详细使用文档请参考：https://leeseean.github.io/vu...，项目github地址：https://github.com/leeseean/v...（求star）

基于vue.js的dialog插件art-dialog-vue2.0发布相关推荐

vue canvas插件_基于vue.js 制作在线桌椅定制选择交互特效源码
码农那点事儿关注我们,一起学习进步基于vue.js写的在线桌子椅子垫子选择拼成的自己理想的书桌椅图像,这是一款交互式的课桌椅在线定制选择功能.非常不错,感兴趣的朋友前来下载使用. 下载源码(提取码 ...
vue时间天气插件_基于vue.js 2.0的百度天气应用 – vue-weather
vue-weather 基于vue.js 2.0的百度天气应用. 说明初学vue,在看完一个简单的视频教程和走两遍完官方文档之后仍然感觉云里雾里,知其然不知其所以然(虽然现在好了点).请教了高手之后 ...
基于Vue.js和Node.js的个人网盘系统——科技立项中期成果
基于Vue.js和Node.js的个人网盘系统个人网盘系统前端使用Vue.js框架,特别使用了Vue3支持的Element Plus组件库.后端使用Node.js提供服务.数据库使用MongoDB. ...
vue.js提示框插件(vuejs-dialog)使用指南
vue.js提示框插件更多文章,请访问我的博客综述在项目中,代替浏览器原生的alert.confirm和prompt 名称:vuejs-dialog 用途:简洁美观的对话框官网:地址 gith ...
移动端cube界面设计html,滴滴开源基于 Vue.js 的移动端组件库 cube-ui
原标题:滴滴开源基于 Vue.js 的移动端组件库 cube-ui 开源最前线(ID:OpenSourceTop) 猿妹整编综合自:https://didi.github.io/cube-ui/ ...
直接拿来用！Vue.js 第三方常用插件盘点 | CSDN 博文精选
作者 | 张猛责编 | 伍杏玲出品 | CSDN 博客 [CSDN 编者按]作者介绍几个Vue.js常用的插件和用法,简单实用,你可以直接拿来用! Vue.js DevTools 用于开发调试Vu ...
基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1]
基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1] 原文:基于Vue JS, Webpack 以及Material Design的渐进式web应 ...
[译]基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1]
渐进式web应用是大势所趋.越来越多的大公司开始使用这些技术(比如推特:https://mobile.twitter.com/). 想象你可以在地铁中浏览一个web应用,这个应用能够向用户推送通知并且 ...
vue手机端项目php,MintUI基于Vue.js移动端组件库详解
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要.接下来通过本文给大家分享Mint UI 基于 Vue.js 移动端组件库,需要的朋友参考下吧,希望能帮助到大家. 官网 ...
基于 Vue.js+Springboot 的学院社团管理系统的设计与实现
在教育深化改革的背景下,我国除了优化教育体制,提升教育水平之外,还鼓励学生参与课外活动,促进学生全面发展.如何更好地让大学生加入适合自己的社团,在繁忙的学习之余,可以更好的参与到社团的活动,从中汲取新 ...

基于vue.js的dialog插件art-dialog-vue2.0发布

art-dialog-vue —— 经典、优雅的网页对话框控件

优点

安装

url引入

模块化引入

基本使用

基于vue.js的dialog插件art-dialog-vue2.0发布相关推荐

最新文章

热门文章