Vue鼠标点击事件失效解决方法

问题：再electron和vue开发的桌面应用中，为应用添加了一个拖动功能后，再拖动内部所有的鼠标事件失效，无法触发解决：因为父级元素设置了样式： -webkit-app-region:drag，阻止了鼠标的点击事件，只需要再内部需要点击的部门添加一个样式：-webkit-app-region:no-drag，这样子就可以解决了优化：再这边点击会出现在一个黄色的框框，可以加样式outline:

Mini国

4433人浏览 · 2020-06-01 16:47:48

Mini国 · 2020-06-01 16:47:48 发布

问题：
再electron和vue开发的桌面应用中，为应用添加了一个拖动功能后，再拖动内部所有的鼠标事件失效，无法触发
解决：
因为父级元素设置了样式： -webkit-app-region:drag，阻止了鼠标的点击事件，只需要再内部需要点击的部门添加一个样式：-webkit-app-region:no-drag，这样子就可以解决了
优化：再这边点击会出现在一个黄色的框框，可以加样式outline: none 解决

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^