解决vue3 Vben框架弹窗点击遮罩层不关闭的BUG
最近博主正在努力学习VUE3的开发,在开发的过程中遇到了Vben框架弹窗点击遮罩层不关闭的BUG,查了很多资料后,亲测如下找到这个对应的路径:\src\components\Modal\src\components\Modal.tsx1.在setup 加上 emit参数2.加上点击关闭的方法如const handleCancel = (e: Event) => {emit('cancel',
·
最近博主正在努力学习VUE3的开发,在开发的过程中遇到了Vben框架弹窗点击遮罩层不关闭的BUG,查了很多资料后,亲测如下
找到这个对应的路径:\src\components\Modal\src\components\Modal.tsx
1.在setup 加上 emit参数
2.加上点击关闭的方法如
const handleCancel = (e: Event) => {
emit('cancel', e);
};
3.最后再把它return 出去,注意加上方法,如下:
return (
<Modal {...propsData} onCancel={handleCancel}>
{extendSlots(slots)}
</Modal>
);
4.这样就修复这个BUG了,希望能帮助到大家
更多推荐
已为社区贡献5条内容
所有评论(0)