代码演示

    消息提示

    用于提示一些消息，只包含一个确认按钮

    2.   title: '标题',
    3.   message: '弹窗内容'
    4. }).then(() => {
    5.   // on close
    6. });
    7. Dialog.alert({
    8.   message: '弹窗内容'
    9. }).then(() => {
    10.   // on close
    11. });

    消息确认

    全局方法

    引入 Dialog 组件后，会自动在 Vue 的 prototype 上挂载 - dialog 方法，在所有组件内部都可以直接调用此方法

    1. export default {
    2.   mounted() {
    3.     this.- dialog.alert({
    4.       message: '弹窗内容'
    5.     });
    6.   }
    7. }

    Options

    高级用法

    1. Vue.use(Dialog);
    3. export default {
    4.   data() {
    5.       show: false,
    6.       username: '',
    7.       password: ''
    8.     };
    9.   },
    11.   methods: {
    12.     beforeClose(action, done) {
    13.       if (action === 'confirm') {
    14.         setTimeout(done, 1000);
    15.       } else {
    16.         done();
    17.       }
    18.     }
    19.   }
    20. }

    Event

    原文: