草庐IT

Vue——initEvents【六】

全部标签

javascript - Holder.js——取回 DOM 元素?

holder.js我想向我的页面动态添加占位符图像。这样插入是行不通的:$('',{class:'file-item'}).append($('',{'data-src':'holder.js/150x150'})).append($('',{class:'file-name'}).text(file.name)).appendTo('#file-list');因为holder脚本已经运行并且没有搜索新元素。但是,我们可以再次手动运行它:Holder.run()但随后它将扫描所有已添加的元素。那么...有什么方法可以让holder.js创建并返回一个DOM元素,这样我就可以手动添加它而

javascript - 将 DOM 操作与 Angular Controller 分离——需要最佳实践

为了寻找构建Angular应用程序的“最佳”方式,我找到了几篇最佳实践文章。有了这个输入,我这样做了:angular.module('xApp',[])//.....someservices,factories,controllers,.....directive('dirNotification',[functiondirNotification(){return{scope:{},templateUrl:'xNotification.html',replace:true,controller:'CtrlNotification',link:function($scope){//if

javascript - 在 TypeScript 文件中导入 Vue 组件

我一直在尝试将Vue.js与TypeScript一起使用,我遇到了thisrepo.我在这里遇到了从TypeScript导入Vue单一组件文件时出错的问题。我正在使用VisualStudio代码。请查看下面的错误。main.ts://TheVuebuildversiontoloadwiththe'import'command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.import*asVuefrom'vue'importAppfrom'./App'/*eslint-disableno-new*

javascript - 单个文件组件 vue js 上的属性 this.$el undefined

我正在尝试使用laravelmix和vuejs创建一个全局组件,但是在访问属性this.$el时它是未定义的。这是我的组件文件:日期选择器.vueexportdefault{props:['myclass','name','placeholder','value'],data(){return{}},created(){console.log("this.$el",this.$el);//undefinedconsole.log("this",this);//$elisdefinedvarvm=this;varoptions={"locale":"es","onChange":func

javascript - Vue.js - 无法从方法访问计算属性

我在Vue组件中有一个登录方法,它使用firebase来登录用户。我正在使用计算属性user、message和hasErrors。当这个方法运行时,它进入了catch函数,但是出现了这个错误:未捕获的类型错误:无法设置未定义的属性“消息”。我试过直接更改vuex状态(因为这是计算Prop所做的),但这会产生相同的错误。这是我正在使用的方法:login:function(event){//...morestuff//Sign-intheuserwiththeemailandpasswordfirebase.auth().signInWithEmailAndPassword(this.em

javascript - 使用新的运算符——来自 John Resig #36

下面的示例代码是JohnResig的LearningAdvnacedJavaScript中的#36。http://ejohn.org/apps/learn/#36ItiscalledWeneedtomakesurethenewoperatorisalwaysused.六个问题-如果您能提供尽可能详细的信息,我将不胜感激1)functionUser是否真的在这段代码中调用过?我注意到当它说assert(user...)时,user是小写的。如果函数被调用,如何调用?当它断言变量user时它会被调用吗,它附加了一个函数调用,即User("John,"name)2)如果我假设函数User从未

Javascript 数组对象与类似数组的对象——说明

我试图对声明为数组对象的类数组对象进行字符串化,发现JSON.stringify在定义为数组对象时无法正确处理类数组对象。为了更清楚,请参见下文,-->jsFiddlevarsimpleArray=[];//notethatitisdefinedasArrayObjectalert(typeofsimpleArray);//returnsobject->ArrayObjectsimpleArray['test1']='test1';simpleArray['test2']='test2';alert(JSON.stringify(simpleArray));//returns[]它工作

javascript - Angular拖放——如何给onStart回调函数传递参数

情况:我有一个使用angulardraganddrop的应用程序.除一件事外,一切正常。我需要在onStart回调函数中传递一个参数,但我不知道如何传递。我四处搜索并尝试了几种可能性但没有成功。该函数本身正在运行,已被调用并正确执行,我唯一的问题是向它传递一个参数。代码:在这个例子中,我做了一个尝试。{{item.title}}问题:如何在angulardraganddrop的回调函数中传递参数?非常感谢! 最佳答案 你不需要传入参数event和ui,它们是前2个默认参数。替换...onStart:'set_board_item_i

javascript - 限制 vue/vuex react 性

假设我们有一些对象数组,并且这些对象永远不会改变。例如,这可能是从googlemapsplacesapi接收到的搜索结果-每个结果都是相当复杂的对象,具有ID、标题、地址、坐标、照片和一堆其他属性和方法。我们想用vue/vuex在map上显示搜索结果。如果一些新的结果被推送到商店,我们想在map上画出它们的标记。如果某些结果被删除,我们要删除它的标记。但在内部,每个结果都不会改变。有什么方法可以告诉vue跟踪数组(推送、拼接等),但不要更深入并且不要跟踪其元素的任何属性?现在我只能想象一些丑陋的数据拆分-将id数组保留在vue中,并在商店外有单独的id缓存。我正在寻找更优雅的解决方案(

javascript - 如何为测试禁用 vue.js 转换?

我有一个使用的vue.js组件动画隐藏/显示的元素。为了加快测试速度,我想禁用动画。我该怎么做?*{transition:none!important}建议在这里:https://github.com/vuejs/vue/issues/463但这似乎没有什么不同。我在这里创建了一个fiddle:https://jsfiddle.net/z11fe07p/2268/运行“测试”最后的输出是“3.Displayshouldbe"none",itis:block”。如果我将超时增加到100,或者删除元素,我得到预期的输出“3.Displayshouldbe“none”,它是:none”那么我