草庐IT

vue-events

全部标签

javascript - 尝试通过 Vue.js 中的渲染传递 Prop 并观看它们

我在使用vue.js中的CreateElement/render将Prop从父级向下传递到创建的子级时遇到问题,然后再观看它。这是我的父组件Vue.component('my-drawing',MyDrawing)newVue({el:'#drawing',mounted(){Bus.$on('emitColorSelection',(emitString)=>{console.log("insidesocket.js/my-drawingandemitStringis",emitString);this.useColor=emitString;console.log('insides

javascript - 如何使用 Vue Slider 控制元素

我在requestsjson对象中有一堆数据。默认情况下,所有数据都会显示给用户。此外,我还有一个slider组件。我正在尝试实现这样的功能,即当用户移动slider时,json的元素会根据slider的值出现/消失。例如:数据:requests:[{value:10,name:"foo"},{value:12,name:"bar"},{value:14,name:"foobar"},{value:22,name:"test"},{value:1,name:"testtooo"},{value:8,name:"something"}]默认情况下,我希望显示所有数据,但当用户移动slid

javascript - ES6/终极版 : returning a function to remove event listener

我在Egghead上观看DanAbramov的Redux教程,他做了一些让我有点困惑的事情。作为学习练习,他让观众重建createStore抽象。createStore提供的一种方法是subscribe,它会添加监听器以监听商店的变化。然后他说:Thereisanimportantmissingpiecehere.Wehaven'tprovidedawaytounsubscribealistener.InsteadofaddingadedicatedUnsubscribemethod,we'lljustreturnafunctionfromtheSubscribemethodthatr

javascript - 从 vue-resource 切换到 axios

使用vue-resource,我们可以像这样在main.js中设置根url:Vue.http.options.root='http://localhost:3000/api'我尝试将其替换为:axios.defaults.baseURL='http://localhost:3000/api';Vue.prototype.$http=axios但是,现在我的post调用没有按预期工作,并且Vue.http.post抛出错误。这是如何实现的? 最佳答案 使用axios,可以创建另一个实例havingacustomconfigvarmy_

javascript - Vue.js 使用计算属性来显示或隐藏组件的一部分

我试图根据下拉列表中的值显示/隐藏组件的一部分。在移动我的表单的这一部分之前,使用计算属性工作得很好。但是......我在我的组件中使用了两种方式绑定(bind),而且我正在使用的属性的计算值似乎更新得太晚了。这里是组件jsVue.component('system',{template:'#system',props:['name','count'],computed:{issummit:function(){returnthis.name==='5a37fda9f13db4987411afd8';}//audiovideo:function(){//returnthis.syste

javascript - 在 ES6 : "Failed to resolve module specifier "vue""中导入包

尝试遵循一些Vue教程,但我目前无法在.js文件中导入Vue,然后在我的index.html中导入此文件。这就是我在index.html中导入脚本的方式:如果我在我的main.js文件中这样做:importVuefrom'vue';我在浏览器控制台中收到以下错误:UncaughtTypeError:Failedtoresolvemodulespecifier"vue".Relativereferencesmuststartwitheither"/","./",or"../".如果我的导入行:importVuefrom'../../node_modules/vue';然后我得到一个不同的

javascript - Chrome 扩展 : fire an event when element created?

我想在将元素添加到文档时触发一个事件。我读过JQuerydocumentationforon()和listofevents但似乎没有一个事件与元素创建有关。我必须监控DOM,因为我无法控制何时将元素添加到文档(因为我的Javascript是Chrome扩展内容脚本) 最佳答案 我知道这是一个老问题,已经有了答案,但由于情况发生了变化,我想我会为登陆此页面寻找答案的人们添加一个更新的答案。DOMMutationEvents已被弃用。根据MDN(关于DOMMutationEvents):DeprecatedThisfeaturehasb

Javascript:event.which 和 charCodeAt 协同工作

我在按键时使用event.which获取用户键入的内容,并使用String.fromCharCode输出。用户类型:aevent.which:67输出:A对于数字和字母我可以处理,但是当谈到特殊字符时,我得到完全不同的输出。用户类型:-事件:189输出:½经过研究,我遇到了函数charCodeAt,使用这个函数,输出非常完美,甚至是特殊字符。不幸的是,我不能使用charCodeAt,因为用户直接从$(文档)而不是从字段中输入。所以,问题是,有没有一种方法可以从keyPress事件中获取正确的charCode。哪个?如果还是想不通我的疑惑,我给你一个Fiddle=)

javascript - Vue.js 将函数传递给 Prop 不起作用

我遇到一个问题,就是将函数传递给组件并没有按照文档中指定的方式工作。这是在我的app.js中methods:{updateAnswer:function(question){console.log('question:'+question);}}这是在我的html文件中:这是在我的components.js文件中:props:['whenanswered'],ready:function(){this.whenanswered();},我已经试过了:props:[{name:'whenanswered',type:Function}];但仍然没有运气。当我加载页面时,这是在我的控制台中

javascript - 如何使用 Vue.js 访问 API?

我是JavaScript和Vue.js的新手,我在使用Vue.js访问api时遇到问题。我尝试访问的API具有如下所示的JSON:{"coord":{"lon":-88.99,"lat":40.51},"weather":[{"id":800,"main":"Clear","description":"clearsky","icon":"01n"}],"base":"stations","main":{"temp":2.09,"pressure":1022.3,"humidity":69,"temp_min":2.09,"temp_max":2.09,"sea_level":1052.