草庐IT

异步组件

全部标签

javascript - 为动态创建的组件添加事件绑定(bind)

我使用ViewContainerRef.createComponent()方法在app.component.ts中动态创建组件,该方法返回一个ComponentRef对象.letnewComponent:ComponentRef=this.filtersSection.createComponent(MyDateRangeComponent);我需要动态地向这个组件添加一个事件监听器,以便它监听onDateRangeChange事件并执行app中定义的dateRangeChanged(event)方法.component.ts组件。我最初在app.component.html中以这种方

javascript - 控制 javascript 异步流的速率(在循环中)

假设您想用一段短代码为列表中的每个文件夹启动一个(随机)进程:varexec=require('child_process').exec;varfolders=[...];//alistfromsomewhere_.each(folders,function(folder){exec("tarcvf"+folder+".tgz"+folder);});如果列表很长,我可能会同时运行大量进程,这是要避免的。以受控速率(此处最多5个并发进程)运行执行的相当简单的方法是什么?编辑:该问题适用于各种异步流(您希望在其中控制速率),而不仅仅是文件夹执行问题。 最佳答案

javascript - vuejs v2.0 向组件传递数据

我使用vue.js在Laravel5.3上构建了一个应用程序,我开始转向vue.js以使页面动态化。我在一个页面上完成了所有工作,所以想将其转换为一个组件,但在这样做之后我收到以下错误:[Vuewarn]:ErrorwhenrenderingcomponentatC:\xampp\htdocs\.......TypeError:Cannotreadproperty'nxt_weekly'ofundefined我像这样将数据传递给View:constapp=newVue({el:'#app',mounted:function(){this.fetchEvents();},data:{lo

javascript - 返回 Promise<void> 的异步函数是否在 block 末尾有隐式返回?

publicasyncdemo():Promise{//Dosomestuffhere//Doingmorestuff//...//Endofblockwithoutreturn;}是新的Promise在TypeScript/ES6的block末尾隐式返回?bool类型的例子:classTest{publicasynctest():Promise{returntrue;}publicmain():void{this.test().then((data:boolean)=>{console.log(data);});}}newTest().main();这会打印出true到控制台,因为r

javascript - React组件属性中es6模板字符串

我可以使用双引号和单引号连接我的动态变量,但模板字符串更清晰。我得到了一个意想不到的token,有什么线索吗?...return()... 最佳答案 您需要将其更改为以下代码。return() 关于javascript-React组件属性中es6模板字符串,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/44426933/

javascript - 如何在自定义组件中使用 Vue.js 插件?

我需要输出一个表格,它的内容可以通过Ajax更新。所以我打算使用vue-tables-2(https://github.com/matfish2/vue-tables-2),这是一个Vue.js插件。使用Laravel方式,我正在编写一个Vue.js自定义组件,那么如何在我的组件中使用vue-tables-2插件?这里是一个如何使用插件的例子https://jsfiddle.net/matfish2/jfa5t4sm/.不幸的是,示例中没有将插件包装在组件中。 最佳答案 您可以通过两种方式使第三方组件对您的自定义Vue组件可用:1。

javascript - 在构造函数中调用异步函数。

getUser是一个异步函数?如果需要更长的时间来解决?它是否总是会在我的someotherclass中返回正确的值。classIdpServer{constructor(){this._settings={//someidentityserversettings.};this.userManager=newUserManager(this._settings);this.getUser();}asyncgetUser(){this.user=awaitthis.userManager.getUser();}isLoggedIn(){returnthis.user!=null&&!th

javascript - 异步/等待的环回支持

我正在使用loopback3构建REST服务,我想使用async/await而不是必须使用回调。所以不要这样做:MyModel.myFunction=(callback)=>{MyModel.find({where:{id:2}},(e,data)=>{if(e)returncallback(e);callback(null,data);});};我非常愿意这样做:MyModel.myFunction=async(callback)=>{try{constdata=awaitMyModel.find({where:{id:2}});callback(null,data);}catch(

javascript - 如何链接异步/等待使用依赖于第一次调用的数据

假设我有一个async/await调用一个获取所有用户的API。asyncfunctiongetUsers(){constusers=awaitApi.getAllUsers()returnusers.map(user=>{return{id:user.id,group:'datadependsonsubsequentAPIcall',}})}在返回映射中,我必须执行另一个API调用以获取一些应该在同一范围内的数据。constgroupByUser=Api.getGroupByUserId()我该如何实现?我可以在现有的中放置一个异步/等待吗?我是否创建一个包含所有用户ID的数组并以某

javascript - 子组件的 v-model 和子组件 Vue 中的 v-model

有没有办法简化这段代码?该按钮还应更改子项的localValue。Vue.component('my-input',{template:`MyInput:localValue:{{localValue}}`,props:['value'],data(){return{localValue:this.value}},watch:{value(){this.localValue=this.value},localValue(){this.$emit('input',this.localValue)}}})newVue({el:'#app',data:()=>({parentValue:'I