1.首先在小程序页面的json文件中引入
"usingComponents": {
"van-dialog": "@vant/weapp/dialog/index"
}
2.在wxml放入标签
<van-dialog id="van-dialog" />
3.引入组件,这里很关键,按照官方文档的话,我引入是失败的,路径不对,改成以下即可
//引入成功版本
import Dialog from '../../miniprogram_npm/@vant/weapp/dialog/dialog';
//官方文档版本(引入失败,报错)
import Dialog from 'path/to/@vant/weapp/dist/dialog/dialog';
4. js
Dialog.confirm({
title: '标题',
message: '弹窗内容',
})
.then(() => {
// 这里写弹框点击确定之后的业务
})
.catch(() => {
// 这里写弹框点击取消后的业务,没有可以不写
});