草庐IT

vue-events

全部标签

javascript - QUnit、Sinon.js 和 Backbone 单元测试受挫 : sinon spy appears to fail to detect Backbone Model event callbacks

在下面的单元测试代码中:TestModel=Backbone.Model.extend({defaults:{'selection':null},initialize:function(){this.on('change:selection',this.doSomething);},doSomething:function(){console.log("Somethinghasbeendone.");}});module("Test",{setup:function(){this.testModel=newTestModel();}});test("intra-modeleventbi

javascript - 微软表面 : How do I allow JavaScript touch/drag events to work without being intercepted by the browser?

我的网站上有一张GoogleMapsmap,但当它与MicrosoftSurface平板电脑一起使用时,“平移”手势会被浏览器拦截——它会尝试转到下一个浏览器窗口。如何允许浏览器忽略平移(拖动事件)以使map正常运行?转到maps.google.com,map完全可以拖动,因此Google必须采用一种解决方法。 最佳答案 根据MS的“指针和手势事件”指南(此处:http://msdn.microsoft.com/en-us/library/ie/hh673557%28v=vs.85%29.aspx#Panning_and_zoomi

javascript - 为什么 AngularJS 中的 $event.preventDefault() 不阻止出现上下文菜单?

如标题所说,我不确定为什么$event.preventDefault()没有阻止右键单击时出现上下文菜单。我写了thissimpleexample在plunker中演示问题。HTML:CLICKME{{num}}Javascript:$scope.stopContext=function(ev){$scope.num+=1;ev.preventDefault();};提前致谢。 最佳答案 为了阻止上下文菜单,您需要捕获(并阻止)contextmenu事件。不幸的是,Angular没有针对此事件的指令,因此您必须自己创建一个。从Ang

javascript - Vue.js Prop 、组件和数据命名空间

当我有一个Vue.js组件时,它可能看起来像:importIconfrom'./Components/Icon.vue'exportdefault{props:{data:{type:Object}},data(){return{label:this.data.label||'',icon:this.data.icon||'',placeholder:this.data.placeholder||'',value:this.data.value||'',disabled:this.data.disabled||false,readOnly:this.data.readOnly||fal

javascript - 在 Vue.js 中使用 OwlCarousel 的问题

我正在使用vue.js和OwlCarousel,每次我将v-for与轮播一起使用时,它不会向我显示轮播的样式,它只会向我显示列中的图像。这是对API的请求:exportdefault{data:{videos_p:[]},mounted(){axios.get("xxxxxxxxxxx").then(response=>{this.videos_p=response.dataconsole.log(this.videos_p)})}}$(document).ready(function(){varowl=$('.owl-carousel');owl.owlCarousel({items

javascript - 更新 : How to find event listeners on a DOM node in prototype?

我正在寻找thisquestion的更新答案.在Prototype1.6+中似乎不再使用Event.observers(可能是为了避免内存泄漏),那么我现在如何追踪哪些事件监听器附加到一个元素?我知道Firebug有一个“breakonnext”按钮,但是在我可以在另一个特定元素上达到我想要的行为之前,body元素上有几个鼠标监听器执行,那么还有其他方法吗? 最佳答案 我已经更新了答案youlinkedto具有更全面的Prototype覆盖范围,涵盖1.6.0到1.6.1版本的变化。中间变得非常困惑,但是1.6.1比较干净:varh

javascript - Vue.js 2,从指令更改数据

使用单文件组件,如何从指令更改数据属性?例如,我有...exportdefault{name:'app',data:function(){return{is_loading:true}},directives:{do_something:{bind:function(el,binding,vnode){//Changetheis_loadingproperty}}}}起初我以为我可以做this.is_loading=false但this是undefined。 最佳答案 要在指令中引用this,您可以简单地使用vnode.contex

前后端分离:Spring Boot + Vue + 微信小程序 宝塔面板部署教程自用

前言:部署小程序后台(非云开发)需要:1.一台云服务器(购买三个月以上,不然域名备案不了)2.备案了的域名(小程序上线审核非常麻烦,域名一定要提前备案,通过审核大概要十几天)一、购买服务器,注册域名并备案阿里云或腾讯云都可,哪个便宜买哪个。腾讯云的轻量服务器就有自带的宝塔面板,免安装。阿里云也有,好好找一下。1.安装宝塔面板,服务器有可略过。宝塔Linux面板安装教程-2022年2月18日更新-7.9.0正式版-Linux面板-宝塔面板论坛 什么系统就找对应的命令在终端安装。2.在云服务器的安全组这里,打开对应端口端口作用8888宝塔默认端口80http默认端口443https默认端口22ss

javascript - 找不到模块 : Error: Can't resolve './app/index.vue' vue. js 组件导入 ES6

我仍在练习将webpack2与vuejs和babel一起使用,但遇到了这个错误。我不知道到底缺少什么。ERRORin./src/main.jsModulenotfound:Error:Can'tresolve'./app/index.vue'in'E:\xampp\htdocs\webpack-practice\src'@./src/main.js3:0-43似乎错误来self尝试在此处导入vue组件的行//filesrc\main.jsimportVuefrom'vue'importAppComponentfrom'./app/index.vue'constvm=newVue({el

javascript - Vue - 使用 Prop 将类名添加到组件

我想使用以下Prop在Vue中制作一个自定义组件:text=要在链接中显示的文本。icon=显示在链接旁边的图标的标识符。我的组件有以下.Vue模板。{{text}}exportdefault{props:['text','icon'],data(){return{}}}本质上,我的模板中有默认的Font-Awesome代码:我想通过使用它的prop向我的组件添加一个类。谢谢。 最佳答案 因此,当您的属性icon持有值home时,您可以像下面这样使用一些类绑定(bind)(谢天谢地,在Vue.js中attributes中允许使用js