问题描述:electron-vue自定义边框后点击事件失效(不单单点击事件,窗体内所有事件都失效)

解决方案:在需要事件处理的节点上添加样式-webkit-app-region:no-drag;

srcmainindex.js中设置:

/*** Initial window options*/mainWindow = new BrowserWindow({height: 600,useContentSize: true,width: 820,frame: false, // PS:隐藏默认系统边框resizable: false,movable: true})mainWindow.loadURL(winURL)

在样式文件中,假设是在某公共scss文件中,设置窗体可拖拽:

srcrendererstylesbase.scss

body {padding: 0;margin: 0;-webkit-app-region: drag; // PS:设置窗体可拖拽
}

在需要添加事件的节点上手动添加样式,我这边是elementUI的菜单组件:

 .el-menu-item {-webkit-app-region: no-drag;}

嗯哼~

layui 按钮点击一次后失效_electron-vue自定义边框后点击事件失效问题相关推荐

  1. jbutton添加点击事件_electron-vue自定义边框后点击事件失效问题

    问题描述:electron-vue自定义边框后点击事件失效(不单单点击事件,窗体内所有事件都失效) 解决方案:在需要事件处理的节点上添加样式-webkit-app-region:no-drag; sr ...

  2. 实例化vue之前赋值html元素导致事件失效

    先实例化Vue对象,再操作其他对象,Vue对象声明时会渲染html容器内的所有元素, 会导致元素事件失效或dom元素重新创建,所以涉及html元素的对象都要在实例化Vue之后执行. 下面是简要的例子, ...

  3. vue自定义组件的点击事件失效

    在vue开发过程中为了减少重复代码,很多时候都需要将重复的部分写成一个组件,方便调用.但是使用组件时很可能又会给该组件添加点击事件.如果直接这样写,事件则会失效: 正确写法应该是这样:

  4. Vue 自定义组件添加点击(@click)事件

    在 Vue 开发中自定义组件之后,需要往组件身上添加 click 之类的一些操作事件,但是加上之后会无效. 原因是因为没有加上 native,官网对于 native 的解释为: .native - 监 ...

  5. layui表格点击排序按钮后,表格绑定事件失效解决方法

    layui表格点击排序按钮后,表格绑定事件失效解决方法 参考文章: (1)layui表格点击排序按钮后,表格绑定事件失效解决方法 (2)https://www.cnblogs.com/gongliha ...

  6. 微信小程序中好看的按钮样式(渐变色)、view的点击变色效果、按钮漂亮的圆角边框、解决hover设置失效

    好看1: .wxss /* 从上往下渐变 */ .bt_1{margin-top: 40rpx;background: linear-gradient(#ccfbff, #ef96c5); } 好看2 ...

  7. vue的SEO优化——预渲染后路由+点击事件失效问题解决

    vue是单页面框架且前后端分离,不利于seo优化.针对这一点,还是有解决办法的. 预渲染后路由+点击事件失效问题解决--近期发现 最近遇到了一个前台官网,由于时间比较紧,所以我选择了用vue框架去搭建 ...

  8. jQuery动态添加按钮,绑定点击事件失效

    jQuery动态添加按钮,绑定点击事件失效 因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...

  9. uniapp 在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效

    好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效,但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在原 ...

最新文章

  1. 《Javascript高级程序设计》读书笔记之对象创建
  2. leetcode算法题--两数之和
  3. JavaScript有关的10个怪癖和秘密
  4. 日期转换器和编码过滤器
  5. CSS中position的几个属性值
  6. OpenGL之深入解析纹理的渲染使用
  7. BZOJ2302 [HAOI2011]Problem c 【dp】
  8. mysql数据库持续_MySql数据库--持续记录ing
  9. python的列表就是数组吗_python中list和数组的区别是什么?
  10. Android笔记 xml补间动画
  11. Lua基本函数库 【转】
  12. 关于git stash的应用总结
  13. 三层架构(我的理解及具体分析)
  14. 德兰梅尔-诚邀您参加2022生物发酵展(济南),7月14日与您相约
  15. 【重构学习】02 何处重构?
  16. 如何在vscode中优雅的编写C语言
  17. 485型传感器之数据回传进行CRC校验
  18. 区分LPCTSTR和LPTSTR和char *
  19. 如何防范SQL注入 SQL注入测试
  20. hp服务器 固件更新网站,hp服务器固件升级

热门文章

  1. js的简单介绍及基本用法
  2. xpose修改手机imei码,注入广告
  3. 三星如何抄袭苹果 产品对比一目了然
  4. 2-算法 矩阵 数组类
  5. php登录改为用户名,Laravel 认证脚手架改为使用用户名登录
  6. idea安装lua插件_IntelliJ EmmyLua 1.1.9发布,IDEA的Lua插件
  7. Python+OpenGL使用鼠标选择模型不同组成部分
  8. 1000道Python题库系列分享21(11道编程题:内置函数专项练习)
  9. Python使用matplotlib填充图形指定区域
  10. Python批量Excel文件数据导入SQLite数据库的优化方案