美观简洁的对话框 代替原生 alert 和 prompt

在项目中，代替浏览器原生的alert、confirmCopy

import Vue from "vue"
import VuejsDialog from "vuejs-dialog"

Vue.use(VuejsDialog)Copy

<script>
Vue.use(VuejsDialog.default)
</script>Copy

this.$dialog.confirm('Please confirm to continue')
    .then(function () {
      // 点击确定执行
        console.log('Clicked on proceed')
    })
    .catch(function () {
      // 点击取消执行
        console.log('Clicked on cancel')
    });Copy

this.$dialog.alert('Please confirm to continue')
    .then(function () {
      // 点击确定执行
        console.log('Clicked on proceed')
    })Copy

let options = {
    html: false, // 内容可以包含html标记
    loader: false, // 显示载入动画
    reverse: false, // 按钮左右反转
    okText: 'Continue',  // 本地化确认按钮文字提示内容
    cancelText: 'Close',  //本地化关闭按钮文字提示内容
    animation: 'zoom', // 动画方式， 三选一: "zoom", "bounce", "fade"
    type: 'basic', // 确认类型，点击确认（basic）， 'soft'(软确认), 'hard'（硬确认)
    verification: 'continue', // 硬确认时, 作为确认文字，需要用户手工输入
    verificationHelp: 'Type "[+:verification]" below to confirm', // 硬确认时，提示用户输入的文字
    clicksCount: 3, // 软确认时，点击几次确认按钮完成最终的确认
    backdropClose: false // 点背景遮罩是否退出
};Copy

message = '测试工作';
options = {
    okText: '确定',  // 本地化确认按钮文字提示内容
    cancelText: '取消',  //本地化关闭按钮文字提示内容
}
this.$dialog.alert(message, options);Copy

message = {
   title: '友情提示',
   body: '测试工作'
}
this.$dialog.alert(message);Copy