微信小程序加vant组件库弹窗的使用及遇到的问题

Posted 2022-08-26 单身girl

小程序阻止事件冒泡：将子类的点击事件bindtap写成catchtap
避免出现子级按钮点击出现弹窗触发了父级的同类型bindtap事件
使用dialog需要在json中"van-dialog": “@vant/weapp/dialog/index”,引入

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

在wxml中<van-dialog id="van-dialog" />
然后在使用
Dialog.alert(
title: $e.currentTarget.dataset.item.name,
message: ‘报名成功! \\n 可以在个人中心中查看已报名的会议。’,
).then(() =>
//
);