Release content of art-dialog-vue2.0, a dialog plug-in based on vue.js

This article mainly introduces the release content of the dialog plug-in art-dialog-vue2.0 based on vue.js. It has a certain reference value. Now I share it with you. Friends in need can refer to it

art-dialog-vue——Classic, elegant web dialog box control

Advantages

1. Supports normal and 12-direction bubble dialog boxes

2. Support ARIA standard

3. Future-oriented: API based on HTML5 Dialog

4. Support standard and modal dialog boxes

5. Rich and friendly programming interface

6. Adaptable content size

Installation

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

url introduction

Modular introduction

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

Basic use

const d = Vue.dialog({ title: 'art-dialog-vue', content: { template: '
{{name}}，欢迎使用
', 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();

The above is the entire content of this article, I hope it will be helpful to everyone's learning, more Please pay attention to the PHP Chinese website for related content!

Related recommendations:

In-depth understanding of the test method and its pitfalls of JS regular expressions

About vue antV G2- 3. Introduction to X componentization

The above is the detailed content of Release content of art-dialog-vue2.0, a dialog plug-in based on vue.js. For more information, please follow other related articles on the PHP Chinese website!