最近博主正在努力学习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了,希望能帮助到大家

Logo

前往低代码交流专区

更多推荐