Vant Weapp的 Dialog 弹出框使用

本次使用的是消息确认框

一：在Json文件中引入

“van-icon”: “@vant/weapp/icon/index”

二：在Wxml文件中写入

id：是唯一标识

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

三：在Js文件引入

import Dialog from ‘…/…/miniprogram_npm/@vant/weapp/dialog/dialog’;

import Dialog from ‘path/to/@vant/weapp/dist/dialog/dialog’;
这个是官网的Js引入代码 但是会报错说找不到，所以只能自己写前面的路径

四：使用

      Dialog.confirm({
        selector: "#van-dialog", // Wxml文件中的 id，这里一定要加个# 不然会报查询不到van-dialog组件
        title: 'Ip修改',
        message: '是否确定修改?',
      }).then(() => {
        console.log("确定");
      }).catch(() => {
        console.log("取消");
      });