微信小程序中使用Vant Weapp的dialog弹窗

一、效果

二、步骤

1.引入vant webapp

2.使用

（1） 在界面的json文件中引入组件：

{
  "usingComponents": {
    "van-dialog": "@vant/weapp/dialog/index"
  }
}

（2）在界面的js文件中引入Dialog

import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';

（3）在界面的wxml文件中使用组件

<van-dialog id="van-dialog" />

 goExit() {
    Dialog.confirm({
      title: '确认退出',
      message: '退出登录后将无法查看信息',
    })
      .then(() => {
        // on confirm
        Dialog.close()
        console.log('退出登录');

      })
      .catch(() => {
        // on cancel
        Dialog.close()
      });
  },