other / mew-iview

  <template>
      <div>

          <Button @click="confirm">标准</Button>
          <Button @click="custom">自定义按钮文字</Button>
          <Button @click="async">异步关闭</Button>

      </div>
  </template>
  <script>
      export default {

          methods: {

              confirm () {
                  this.$Modal.confirm({
                      title: '确认对话框标题',
                      content: '<p>一些对话框内容</p><p>一些对话框内容</p>',
                      onOk: () => {
                          this.$Message.info('点击了确定');
                      },
                      onCancel: () => {
                          this.$Message.info('点击了取消');
                      }
                  });
              },
              custom () {
                  this.$Modal.confirm({
                      title: '确认对话框标题',
                      content: '<p>一些对话框内容</p><p>一些对话框内容</p>',
                      okText: 'OK',
                      cancelText: 'Cancel'
                  });
              },
              async () {
                  this.$Modal.confirm({
                      title: '确认对话框标题',
                      content: '<p>对话框将在 2秒 后关闭</p>',
                      loading: true,
                      onOk: () => {
                          setTimeout(() => {
                              this.$Modal.remove();
                              this.$Message.info('异步关闭了对话框');
                          }, 2000);
                      }
                  });

              }
          }
      }
  </script>