草庐IT

异步组件

全部标签

javascript - 如何在 Vue JS 中动态渲染组件?

我正在制作一个表单生成器,它将其中的组件用于输入字段、按钮等。我希望能够根据传递给它的选项生成表单。但我无法让它渲染组件。我试图返回纯HTML,但不会呈现组件。我从我的Home.vue模板调用表单生成器,我希望表单带有这样的选项对象:options:{name:{type:'input',label:'Name'},submit:{type:'button',label:'Send'}}在模板中:在表单生成器组件中,我尝试了多种方法,例如:{{generateForm(this.options)}}//...or...我包括了所有组件,例如:import{FormButton,Form

javascript - 在 firebase 云函数中返回多个异步函数的 promise ?

所以我有一个调用2个异步函数的Firebase云函数。exports.someFunction=functions.firestore.document('some/path').onCreate(event=>{asyncFunction1();asyncFunction2();});asyncFunction1和asyncFunction2都返回一个promise。现在,Firebasedictates我们应该Resolvefunctionsthatperformasynchronousprocessing(alsoknownas"backgroundfunctions")byre

javascript - Firebase:异步/等待事务

我正在尝试对事务使用异步/等待。但是出现错误“参数“updateFunction”不是有效函数。”vardocRef=admin.firestore().collection("docs").doc(docId);lettransaction=admin.firestore().runTransaction();letdoc=awaittransaction.get(docRef);if(!doc.exists){throw("docnotfound");}varnewLikes=doc.data().likes+1;awaittransaction.update(docRef,{li

javascript - 使用 i18next 的异步语言选择器

我正在使用http://jamuhl.github.com/i18next本地化静态网站。我的初始化脚本是:jQuery(function($){varsetLng=$.url().param('setLng');if(setLng){language_complete=setLng.split("-");}else{language_complete=navigator.language.split("-");}language=(language_complete[0]);console.log("Ispeak(root):%s",language);i18n.init({lng:

javascript - 并行 API 请求的异步模块错误

我是node.js的初学者,现在我正在尝试获取一些API的结果。我正在使用异步模块(https://github.com/caolan/async)来并行处理请求,以便对其进行优化。问题是代码返回错误,每次都指向不同API调用中的不同行(“callback(err,data)”行)这是错误的:if(called)thrownewError("Callbackwasalreadycalled.");^Error:Callbackwasalreadycalled.我正在使用以下函数来请求API:functiongetData(s,apiURL,getURL,callback){varht;

javascript - React.js 中的所有者组件和父组件有什么区别

React0.13带来了parent-basedcontextinsteadofowner-basedcontext.所以,我不太明白所有者组件和父组件之间的区别。示例将不胜感激。 最佳答案 varA=React.createClass({render(){return();}});在上面的示例中,A是B和C的所有者,因为A创建了这两个组件。但是,B是C的父级,因为C作为子级传递给B。更多信息可以在documentation中找到.It'simportanttodrawadistinctionbetweentheowner-owne

javascript - 链接两个异步 jQuery 函数时如何完全避开 jQuery promise ?

我看过很多关于新的EMCApromises的教程,它们提倡避免使用jQuery库中的“promises”。他们通常说您可以通过执行以下操作来躲避他们:Promise.resolve($.getJSON(url,params));//voila!thejQuerypromiseis"gone"!但是,当我必须将两个异步jQuery函数链接在一起时,这实际上不起作用。我如何在不使用jQuery的then()或.when()的情况下将两个getJSON调用(第二个调用取决于第一个调用)链接在一起?相反,我只想使用Promise.all等。我认为一个类似的问题会交织jquery和EMCApro

javascript - Aurelia - 在子组件上调用 "Refresh"

我正在考虑向具有几个Aurelia组件的屏幕添加“刷新”按钮。我不想将它构建到作为刷新目标的组件中。所以基本上我想在单击“刷新”按钮时重新提取一些Web数据以更新组件。“重新初始化”组件以使构造函数再次运行也是可以接受的。我会把这个相同的概念应用到我拥有的几个组件中,如果存在一种模式可以通用地解决这个问题,那就太好了。我设想了一个解决方案,涉及以某种方式在我可以添加的子组件上调用一个方法,例如类似于childcomponent.Refresh()。但是,我不确定如何引用子组件。处理这种情况的合适方法是什么? 最佳答案 有很多方法可以

javascript - React js 改变状态不更新组件

我有一个按钮,当它被点击时,它应该将按钮颜色更改为红色,我这样做是通过更改状态来更新组件类使其成为.red类,从而更新颜色,4秒后它将恢复正常。然而不知何故它不会更新和重新渲染组件。我的代码:importReactfrom"react";importReactDomfrom"react-dom";constapp=document.getElementById("app");classLayoutextendsReact.Component{constructor(props){super(props);this.users=[{name:"user1",world:"88",},{n

javascript - SyntaxError : Unexpected identifier in selenium-webdriver/lib/http. js:454 异步执行(命令)

我最近安装了selenium-webdriverjavascript(node)client3.6.0步骤如下;#npminstallwebdriver#npminstallselenium-webdriver#npminstallchromedriver将它们安装到我的项目文件夹中然后制作一个名为“library.js”的js文件varwebdriver=require('selenium-webdriver');vardriver=newwebdriver.Builder().forBrowser('chrome').build();By=webdriver.By;until=we