Curry_On的博客

element plus 组件库中的 dialog 组件可以说是使用频率最高的组件之一，它的效果是弹出一个对话框，外面默认会有一个蒙层。现在我碰到的需求是，弹窗要正常显示，但是蒙层下面的元素内容又是可以点击的，如何实现呢？以下是我的解决代码（vue）首先是 HTML 部分然后是 css 代码来解释一下：要实现蒙层外面的内容可以点击被操作，核心是用到了 这个属性用于控制元素是否能成为鼠标事件的目标。常见的两个值auto：这是默认值。元素可以响应鼠标事件。none：元素不会成为鼠标事件的目标。即鼠标事

今天工作时，碰到了项目代码中一个bug，表现出来的效果是：el-checkbox-group 点击 box 没反应，无法取消勾选。也就是 box 默认是被勾选上的，但是点击取消勾选却没反应。问题看起来还是比较奇怪，当然，最后bug还是被找出来了，这篇文章就来记录和分享一下我找问题的思路...