草庐IT

vue-electron

全部标签

javascript - Vue中JS与SCSS共享变量

我最近开始使用Vue.js2,我是单文件组件结构的粉丝:HelloWorldexportdefault{name:'hello-world',};h1{font-size:72px;}不过,我很好奇是否存在在SCSS和JS之间传递变量的既定方法。我需要共享一个值,现在它在两个部分中都是重复的。我使用VueCLI创建了这个项目,所以它使用vue-loader与Webpack2捆绑在一起。我希望有一种方法可以将其配置为将变量从JS填充到SCSS,反之亦然。 最佳答案 您的问题将受益于更多详细信息。您需要多彻底的集成?这将允许您创建一个J

javascript - 没有 Vue 加载器的 Vue 2 组件样式

考虑到只有一个文件组件(如shownintheguide),.example{color:red;}hi在非模块化的ES5/ES6环境中,如果没有Vue加载器,如何完成同样的事情?考虑到样式是作用域的,.example{color:red;}有没有办法在非模块化环境中实现作用域CSS?如果没有,有没有办法在模块化环境(Webpack)中实现它,但没有Vue加载器和自定义.vue格式? 最佳答案 无需在Vue组件中使用template实例,您可以利用render函数来利用“更接近编译器的替代方案”,而无需Vue加载器或编译器。您可以使

javascript - 在 Vue.js 中,当父级的 v-on 传递另一个参数时,如何从子级向父级发出多个值?

这是一个代码示例。Vue.component('button-counter',{template:'button',methods:{emit_event:function(){this.$emit('change','v1','v2','v3')//HereIemitmultiplevalue}},})newVue({el:'#parent',data:{args:""},methods:{change:function(...args){this.args=argsconsole.log(args)}}}){{args}}我想从父组件获取通过change()传递的参数(在此示例中

javascript - vue.js - 在事件发生后更改按钮内的文本

我正在玩vue.js用于学习目的,它由不同的组件组成,其中之一是经典的待办事项列表。目前,一切都在一个组件中。我想在单击按钮以将元素从“隐藏”隐藏为“显示”后更改按钮的文本-我将通过设置文本数据对象然后在函数中更改它来解决这个问题。见下文:{{todo.text}}PleaseEnterTextSEEN{{button.text}}//componentsVue.component('todoitem',{template:"TestItem"})//appcodevarapp=newVue({el:'#app',data:{todos:[{text:'SampleItem1'},{t

javascript - Vue动态添加不同组件

我想用Vue创建一个简单的表单生成器,用户可以在其中单击菜单中的按钮以向表单添加不同的表单字段。我知道,如果只添加一种类型的表单字段,我可以用这样的方法(https://jsfiddle.net/u6j1uc3u/32/):AddFormElementText和:Vue.component('form-input',{template:'#form-input'});newVue({el:'#app',data:{fields:[],count:0},methods:{addFormElement:function(){this.fields.push({type:'text',pla

javascript - Vue/Vuex 未知 Action 类型

我已经开始在我的应用程序中实现Vuex,并且我决定将我的商店拆分为模块。一开始我只创建了一个模块来测试Vuex模块的工作原理,因为我以前没有任何使用它的经验。我创建了一个模块文件夹,里面有一个文件夹用于我的模块,名为Company。在公司文件夹中,我创建了下一个文件:action.js、getters.js、index.js、mutations.js。这些文件中的代码:action.js:importapifrom'@/vuex/utils/api'constgetCompanies=(context)=>{api.get('/57/companies').then(response=

javascript - zeromq w/Electron : Could not locate the bindings file

我使用的是Windows7x64、nodejs5.1.0和Electron0.35。我按照ElectronQuickStartapp中的说明进行操作然后将行require("zmq")添加到main.js。此时,npminstallzmq--save后,electronmain.js显示:错误:找不到绑定(bind)文件。尝试过:[zmq.node路径列表]尝试的路径之一实际上存在于系统中,即node_modules/zmq/build/Release/zmq.node如果我删除Electron应用程序代码并只在main.js中保留require("zmq")行,我可以使用nodema

javascript - 不能在 Electron 中包含 js 文件

在我的HTML文件中,我包含了如下脚本:在我的脚本中,我尝试添加一个configuration.js文件只需写constConfiguration=require("./configuration");.configuration.js与index.js在同一文件夹中.但在控制台上它说:UncaughtError:Cannotfindmodule'./configuration'configuration.js和index.js文件都在/app/js/中文件夹。有什么解决方案?例如,我可以包含像Lodash这样的Node.js模块。 最佳答案

javascript - Electron 中的谷歌广告?

我正在编写一个Electron应用程序,我想在其中放置Google广告,但我不确定如何正确地执行它。我已经创建了我的广告片段并将其放入我的应用程序中。默认代码段使用//googleads.g.doubleclick.net...作为adsbygoogle.js文件的URL,因此我不得不将其更改为https://googleads.g.doubleclick.net...因为Electron应用程序使用file:///加载索引页。但是在这样做之后,adsbygoogle.js文件抛出了一个奇怪的400错误。除此之外,我不确定如何处理用户点击广告。为了让我的网站链接正常工作,我必须创建一个

javascript - vue.js 将数据从父单文件组件传递给子组件

使用单文件架构,我试图将数据(对象)从父组件传递给子组件:App.vueimportappHeaderfrom'./components/appHeader'import{content}from'./content/content.js'exportdefault{components:{appHeader},data:()=>{return{app_content:content}}}appHeader.vue{{app_content}}exportdefault{data:()=>{return{//nothing}},props:['app_content'],created