草庐IT

Vue中computed与method的区别

全部标签

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 - jQuery live() 和 liveQuery 插件有什么区别?

这个问题说明了一切。哪个更好,什么时候使用什么,我从不使用jQuerylive(),因为我使用liveQuery插件已经有几年了,我已经习惯了它并且仍在继续使用它。但我想知道两者之间的细微差别以及何时使用它们? 最佳答案 jQuery原生的“实时”功能利用了DOM上的事件冒泡。相比之下,“liveQuery”插件使用选择器在DOM中查找元素并直接附加事件处理程序。在我看来,你最好尽可能使用“实时”函数,因为它涉及较少的DOM遍历等。例如,将事件处理程序挂接到整个大表中的事物可以是使用liveQuery有点慢,但使用“live”一点也

javascript - knockout .js : manually trigger computed

我在页面上有一个网格和一个选择控件。选择任何选择值都会触发网格更新。该更新是使用计算完成的。我是否可以手动触发网格进行更新,例如,在将新值添加到网格的情况下?functionvm(){varself=this;self.items=ko.observableArray([]);self.chosen_category=ko.observable("");self.pager={page_namber:ko.observable(1),page_size:ko.observable(10)};self.sort={field:ko.observable('name'),dist:ko.o

javascript - Qt 5.0 : Exposing C++ methods to Java Script

我尝试将对象作为全局属性公开给具有以下方法的JavaScript:Q_INVOKABLEMyObject*createMyObject();MyObject派生自QObject。当我在JavaScript中调用这个方法时,它返回一个类型的对象:QVariant(MyObject*)我想知道是否可以自动将它转换为QJSValue以便我可以在脚本中进一步使用它? 最佳答案 似乎JavaScript使用QVariant作为任何“未知”类型的不透明包装器。该值可以轻松传递,但不能使用其属性,也不能调用其方法。要在脚本中使用,应将其转换为QJ

javascript - 深入了解 Ember App Kit - 与使用普通 Ember 的区别

我已经开始使用emberappkit并认真阅读itsguides.然而,我无法理解常规应用程序与EmberAppKit使用ES6模块构建各种位的方式之间的差异,而不是将所有内容填充到用作命名空间(例如App)的全局变量中。我发现这方面解释的不是很清楚:Ember如何在自动生成模型、View、路由和Controller方面发挥其魔力?它希望在哪里找到它们?我应该遵循哪些命名约定?如果我已经创建了一个模板、路由或Controller,而Ember没有找到/检测到它,而只是在它的位置生成一个默认的,我如何找到它正在寻找的地方;或者在这种情况下进行调试?与使用EmberAppKit进行开发相比

javascript - javascript 属性和 javascript 变量有什么区别?

在用javascript赋值时我遇到了这个varobj={resultCodeId:data[i].resultCodes[j].resultCodeId};varresultCodeId=data[i].resultCodes[j].resultCodeId;“:”和“=”在javascript中有何根本区别?变量是否也有属性,或者只有javascript中的对象有属性? 最佳答案 =用于对象属性或全局/局部变量赋值。:仅用于对象定义时的属性赋值。还有:您可以删除属性。您不能删除变量。varobj={p1:'imp1',p2:2}

javascript - JavaScript 模块化方法中 IIFE 和非 IIFE 的区别

最近,当我试图了解更多有关JavaScript中的IIFE和模块的信息时我想到了一个问题,即IIFE如何在不立即制作模块的情况下制作模块调用该函数不会使其成为一个模块..任何人都可以与我分享这段代码之间的区别varMODULE=(function(){varmy={},privateVariable=1;functionprivateMethod(){//...}my.moduleProperty=1;my.moduleMethod=function(){//...};returnmy;}());并且此代码中的函数未立即调用..varMODULE=function(){varmy={}

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”那么我