草庐IT

vue-electron

全部标签

javascript - 如何在 Electron.Atom\WebPack 应用程序中使用 FS 模块?

我需要使用FS模块(fs.writeFile)在文件中写入一些数据。我的堆栈是webpack+react+redux+electron。第一个问题是:无法解析模块“fs”。我试着用target:"node",---node:{global:true,fs:"empty",}---resolve:{root:path.join(__dirname),fallback:path.join(__dirname,'node_modules'),modulesDirectories:['node_modules'],extensions:['','.json','.js','.jsx','.sc

javascript - Vue.js 和 debounce (lodash/underscore) 兼容吗?

跟随answer到我的questionondebouncing我想知道vue.js和lodash是否/underscore兼容此功能。答案中的代码varapp=newVue({el:'#root',data:{message:''},methods:{len:_.debounce(function(){returnthis.message.length},150//time)}})Length:{{len()}}当有连续输入时确实会保留我的函数的执行,但是当它在一些不活动后最终执行时,function()的输入似乎是错误的。启动上面代码后的实际例子:快速的字符序列,然后没有事件:添加了

javascript - 如何使用 Electron 显示打开的文件 native 对话框?

我正在尝试向我的Electron应用程序添加功能,允许用户在应用程序中打开文件,特别是纯文本文件。查看Electron文档后,我找到了this页。我将此代码添加到我的app.js文件中,我在我的index.html中链接了该文件。varfs=require('fs');vardialog=require('electron');$openFile=$('#openBtn');$editor=$('#editor');$openFile.click(function(){dialog.showOpenDialog(function(fileNames){if(fileNames===un

javascript - 在 VUE JS 的 Cursor 位置插入字符

我一直在尝试在光标所在的文本区域中准确插入表情符号。我在网上查看了howtos找不到VUEJS中的任何特定内容。他们中的大多数都是纯JS。我有这个代码我的方法addEmoji(emoji){this.greeting_text+=emoji.native;this.showPicker=!this.showPicker;}显然,这段代码会将字符(在我的例子中是表情符号)添加到字符串的最后。为此,我需要一个纯vuejs解决方案。Vue中此类问题的最佳实践是什么?因为网络中很少有基于vanillaJS或Jquery的解决方案。 最佳答案

javascript - 如何在不使用 -webkit-app-region 的情况下在 Electron 中移动无框窗口

我一直试图在false上移动一个无框窗口,但现在我想通过拖动一个元素(标题栏)来移动整个窗口,我试过-webkit-app-region:drag;但是好像不行,我也试过https://www.npmjs.com/package/electron-drag但它也不起作用。 最佳答案 由于您的窗口是无框的,因此您可以使用属性-webkit-app-region,即使您的IDE说它不是,它仍然有效。出于用户体验考虑,您应该禁止文本选择并在标题栏内拖动按钮。.titlebar{-webkit-user-select:none;-webki

javascript - 将 Jquery 添加到 Vue-Cli 3

我目前正在尝试将Jquery添加到我的vue-cli项目中。我知道它会产生不良行为,但无论如何;由于不再有build/webpack.base.conf.js我尝试通过添加编辑vue.config.js:module.exports{...chainWebpack:config=>{config.plugin('define').tap(definitions=>{definitions[0]=Object.assign(definitions[0],{$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'

javascript - [Vue warn] : Avoid using non-primitive value as key, 改用字符串/数字值

我正在构建HackerNews的克隆,但出现以下错误:vue.esm.js?efeb:591[Vuewarn]:Avoidusingnon-primitivevalueaskey,usestring/numbervalueinstead.foundin--->atsrc/components/Single.vueatsrc/App.vue错误似乎来自Single.vue但我无法工作它是什么?模板如下:{{story.title}}Score:{{story.score}}{{story.url}}{{comment.text}}{{comment.by}}{{comment.time}

javascript - Vue.js:大写不起作用

我有这个代码:data:{cols:['nome','data','size','ext'],items:[]},我需要将文本转为大写。我按照官方网站的示例尝试了这种方式:{{col|uppercase}}但是,文本仍然是小写的。你知道为什么吗?? 最佳答案 有一种更简单的替代方法可以做到这一点。您可以直接在双括号表示法中使用Javascript,而不是使用@wostex的过滤器方法。newVue({el:'#app',data:{cols:['nome','data','size','ext']}});{{col.toUpperC

javascript - Vue.js 显示空白(换行符)

我如何在vue.js中显示行距。现在一切都在互相追赶....已经试过了:https://laracasts.com/discuss/channels/vue/vuejs-how-to-return-a-string-with-line-break-from-database但似乎没有任何效果。现在尝试这个3天-_-。我正在使用Vue.js1.0和browserify。非常感谢!--编辑--{{message.subject}}Reacties:{{message.totalReactions}}Door:{{message.user.name}}{{message.user.last_

javascript - 'console.log' 在测试 Electron 应用程序时在 Webstorm 中不起作用

在Webstorm(Windows7)的“正常”Node应用程序中,我可以使用console.log写入Webstorm的控制台窗口。一旦我使用Electron创建桌面应用程序,控制台输出就不再显示在Webstorm控制台窗口中,尽管我使用相同的Node命令“C:\ProgramFiles\nodejs\node.exe”。主要区别在于,在运行配置中,我必须使用Node参数'C:\Users\Username\AppData\Roaming\npm\node_modules\electron-prebuilt\cli.js'来获得正确的Electron入口点。当我直接从Windows控