Art-dialog-vue – A classic, elegant web dialog control

advantages

  1. Support normal and 12 direction bubble dialog box
  2. Support for ARIA standard
  3. Future-oriented: HTML5 Dialog-based apis
  4. Support for standard and modal dialog boxes
  5. Rich and friendly programming interface
  6. Adaptive content size

The installation

NPM install art-dialog-vue // Plugin file in plugin directoryCopy the code

The url to introduce

<script src="plugin/dist/static/css/dialog.min.css"></script> <script src="plugin/dist/static/js/dialog.js"></script> Use (dialog.default) </script> use(dialog.default)Copy the code

Modular introduction

Import Dialog from 'art-dialog-vue' //esm const Dialog = require('art-dialog-vue'). Default Default vue. use(Dialog)// Use the pluginCopy the code

The basic use

const d = Vue.dialog({ title: 'art-dialog-vue', content: { template: '< div > {{name}}, welcome to use the < / div >', the data () {return {name: 'hello'}}}, button: [{id: '1', the value: }}, {id: '2', value: 'Cancel ', callcack() {//do something return false;}},]}); d.show();Copy the code

For details, see: Leeseean.github. IO /vu… , project github address: github.com/leeseean/v…. (star)