Dialog

一种对话框，支持按钮交互。

基本用法

this.$dialog(options);

示例

自定义标题和内容

export default {
    methods:{
      'showDialog1'(){
            const options = {
                    'title':'自定义Dialog标题',
                    'content':'小屏或移动端浏览效果最佳'
                  };
            this.$dialog(options);
      }
    }
}

移除右上角关闭按钮、标题栏、按钮栏

export default {
    methods:{
      //移除右上角按钮
      'showDialog2':function(){
            const options = {
                    'title':'自定义Dialog标题',
                    'content':'小屏或移动端浏览效果最佳',
                    'noCloseBtn': true
                  };
            this.$dialog(options);
      },
      //移除顶部标题栏
      'showDialog3':function(){
            const options = {
                    'content':'小屏或移动端浏览效果最佳',
                    'noHeader': true
                  };
            this.$dialog(options);
      },
      //移除底部按钮栏
      'showDialog4':function(){
            const options = {
                    'title':'自定义Dialog标题',
                    'content':'小屏或移动端浏览效果最佳',
                    'noFooter': true
                  };
            this.$dialog(options);
      },
    }
}

事件

export default {
    methods:{
      'showDialog5':function(){
            const options = {
                    'title':'自定义Dialog标题',
                    'content':'小屏或移动端浏览效果最佳',
                    //确定按钮事件
                    'onOkBtn'(event){
                      alert('okBtn');
                      this.close(); //关闭对话框
                    },
                    //取消按钮事件
                    'onCancelBtn'(event){
                      alert('cancelBtn');
                      //return false;  //阻止默认“关闭对话框”的行为
                    },
                    //右上角关闭按钮事件
                    'onCloseBtn'(event){
                      alert('closeBtn');
                      //return false;  //阻止默认“关闭对话框”的行为
                    },
                    //关闭对话框回调，任何地方关闭对话框都会调用
                    'closeCallback'(target){
                      alert('will close');
                    }
                  };
            this.$dialog(options);
      }
}

Options