本次使用的是消息确认框
一:在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("取消");
});