electron-vue 踩坑记（1）elementUI input 框输入不了

最新推荐文章于 2023-11-22 20:03:48 发布
最新推荐文章于 2023-11-22 20:03:48 发布
阅读量2.9k 收藏
点赞数
分类专栏： Vue electron-vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youdu0213/article/details/105726526
版权

electron-vue 踩坑记（1）elementUI input 框输入不了

在这里插入图片描述
input 自动获取焦点但是无法输入内容，起初怀疑是层级不对，是否上层有遮挡，排查css后发现，猜想也只是猜想，并不是样式导致的，下面是修改方法记录一下：
在这里插入图片描述

// step1: 绑定输入事件
@input="updte($event)"

在这里插入图片描述

// step2: 强制更新状态
update(e) {
    this.$forceUpdate(e); 
},

解决了（排查一下有没有双向绑定数据的更新逻辑错误，也可能导致此问题）

richful_world
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
electron 默认弹窗会导致输入框焦点失去的问题解决方案
modernk的博客
12-01 1640
Electron默认弹窗会导致输入框焦点失去的问题解决方案
electron-input:具有GUI控件的电子应用程序，可与命令行应用程序一起使用
05-25
电子输入 具有GUI控件的电子应用程序，可与命令行应用程序一起使用。 它受到启发。 安装 $ npm i -g electron electron-input 用法 $ electron-input -h Usage: electron-input [options] <type> Options: -t, --title <title> specify window title -h, --help output usage information 支持的输入类型
electron中使用 alert和comfirm等弹出框都会致使input无法获得焦点
qq_42451776的博客
06-03 2108
electron中使用 alert和comfirm等弹出框都会致使input无法获得焦点 解决办法： 自定义
webview里面的edit text等input控件无法输入
chengluo8206的博客
11-27 513
在开发过程中会碰到一些奇怪的机型，导致webview的edit text 等input 控件无法输入(华为，出问题的都是华为,坑) 需要在代码中这样设置： webView.setOnTouchListener(newView.OnTouchListener(){ @Overr...
electron打包swf无法点击input框获取光标
qq_39738977的博客
01-12 1049
Electron加载flash点击输入框(input)获取不到光标 使用webview加载flash，可以是相对路径，也可以是绝对路径，在webview的src中写上即可。*注意：src加载是swf文件，不加载html。这样就可以解决input点击获取不到光标 使用embed 标签加载swf文件，可以实现electron打包后的应用程序的全屏功能。embed可以设置允许屏幕全屏的配置 ...
解决vue2升级vue3后，输入框无法输入的问题
一只没有脚的鸟
11-15 1515
vue2升级为vue3的语法，前端代码原封不动的复制过来，结果测试的时候发现在输入框中无法输入，介绍两种解决方法
electron 弹出警报窗口后 input获取不到焦点
qq_42014441的博客
07-13 2553
问题描述：electron新开一个窗口，在弹出警报窗口后该页面输入框获取不到焦点，无法编辑；直到最小化应用程序并将其最大化，或者将焦点放在另一个窗口上，然后再次将焦点放在应用程序上。 const isWindows = process.platform === 'win32'; let needsFocusFix = false; let triggeringProgrammaticBlur = false; win.on('blur', (event) => { if(!tr
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
1. **初始化项目**：使用`electron-vue`初始化项目，设置好基本的Vue和Electron结构。 2. **配置打包**：在`package.json`中配置`electron-builder`，指定输出目录、平台、应用信息等。 3. **集成electron-updater**...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
electron-vue-print-demo:electron+vuecli3 实现打印小票功能
05-25
electron-vue-print-demo electron+vuecli3 实现设置打印机，静默打印小票功能 使用 git clone https://github.com/sunniejs/electron-vue-print-demo.git npm install npm run electron:serve 生成效果 实现 操作...
基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue+vue+vuex+vue-r
05-25
【标题】基于 electron-vue 开发的音乐播放器是一个利用现代前端技术构建的桌面应用程序，其设计灵感来源于QQ音乐，提供了类似的功能和用户体验。这个项目采用的技术栈包括 electron-vue、vue、vuex、vue-router 和 ...
electron-vue-template:electron vue 模板
05-08
electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...
Windows7下ELectron应用的Input输入框在拼音输入中的失焦问题?
湖北太米网络科技有限公司
11-22 594
Windows7下ELectron应用的Input输入框在拼音输入中的失焦问题主要是为了解决虚拟键盘(使用的simple-keyboard)的拼音输入问题(Windows自带的虚拟键盘因为不够方便和美观，所以没有采用；simple-keyboard其实也支持拼音输入，但是更不好用)，最后决定通过Koffi(ffi,ffi-...
elementUI中input框无法输入的问题及原因
weixin_60196946的博客
08-25 656
elementUI中input框无法输入的问题及原因
electron 实现index.html与main.js通讯，获取input输入框数据。
Li_Ning21的博客
01-27 3623
我都知道一个electron程序 需要 index.html，main.js，package.json； 这一点其他文章都有讲述 我就不再赘述了； 可以参考： Electron桌面应用打包流程 本文着重讲述，如何实现将index.html中的输入数据，转给主进程做其他操作。 可想一个场景：我们实现了一个爬虫程序，但是id需要由electron的index.html来获取，输入后，交由主程序main.js继续其他爬虫操作； 想到的方式就是主进程跟渲染进程的通讯实现； 首先创建一个主进程通讯模块 // ipcM
electron vue页面input框的自动填充
lacoucou的专栏
11-12 1988
有一个登陆页面 <div> <input v-model="username.value" type="text" placeholder="用户名"/> </div> <div> <input v-model="password.value" type="password" placeholder="密码"/> </div> 原来的填充方法： var input=document.getElement.
记一次input框不能输入问题
qq_42872259的博客
07-05 687
工作遇到的问题，下载别人的插件使用，自己新增了input框标签，发现input框输入不了数字字母，删除键也用不了。第一次遇到这个问题，找了好久。后面才知道是e.preventDefault();的问题。 在插件中有个地方： $(document).on("keydown", function(e) { ... //do something e.preventDefault(); ... //do something } 把e.preventDefault();
ElementUI Table 拖动列改变宽度事件 （@header-dragend）
热门推荐
纸上得来终觉浅
12-22 1万+
问题场景 : elementUI 的 Table 的列支持拖动改变列宽，实际有这种场景，拖拽列要求限制在一定范围内，拖动距离在期望的最大值和最小值之间 思路： 查看官方文档发现列属性中只提供了 ‘min-width’ ，但是只写min-width,并不能达到min-width的效果； 尝试写 max-width 一样没起到 max-width的作用； 既然属性不起作用，elementUI一定会留一条活路吧，没错从 ’事件‘ 入手，查看 Table Event 中，有你想要的： header-dra
electron-vue electron-log
最新发布
12-15
electron-vue 是一个基于 electron 构建的 vue.js 框架。它结合了 vue.js 和 electron，可以让开发者使用 vue.js 的组件化开发方式来构建跨平台的桌面应用程序。使用 electron-vue 可以快速搭建 electron 应用的基础结构，并且利用 vue.js 的特性来开发界面和逻辑。 而 electron-log 是一个专为 electron 应用程序设计的日志模块。它为 electron 应用提供了方便的日志记录功能，可以将日志输出到文件或控制台，并且支持日志的级别和格式设置。electron-log 还可以方便地集成到 electron-vue 项目中，帮助开发者更好地管理和记录应用程序的日志信息。 electron-vue 和 electron-log 的结合使用，可以让开发者更加轻松地构建和管理 electron 应用程序。开发者可以利用 electron-vue 来快速搭建应用的界面和逻辑，同时使用 electron-log 来记录和管理应用程序的日志信息。这种组合可以提高开发效率，让开发者更加专注于应用程序的功能和用户体验。同时，electron-log 也可以帮助开发者更好地监测应用程序的运行状态，及时发现和解决问题，从而提高应用程序的稳定性和可靠性。因此，electron-vue 和 electron-log 是非常适合 electron 应用开发的工具，可以帮助开发者更好地完成应用程序的开发和维护工作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值