在VUE中,我们经常会遇到一种实际应用情况:B处的渲染需要依赖A处的界面返回,但是由于种种原因,B处无法直接放在A处界面返回后的代码处理中。这时候我们就需要使用async/await来阻塞进程,告诉B,A返回后,可以执行两个改动:./assets/js/serviceschema'/**省略其他代码**//**这里是动作触发端口serviceschemsjs是第三方引入的js插件schematypes方法。(typelist)如果没有async和await,那么执行changeTypeList是拿不到最新数据的**/asyncchangeActiveService(data){//通过端点获取服务的类型列表data.typelist=[]awaitserviceschemsjs.schematypes(data)this.changeTypeList(data)},changeTypeList(data){/**最新的data.typelist在这里**//**你其他需要处理这个数据的代码**/}serviceschems.js:/**接口请求也需要处理**/asyncschematypes(data){if(!data){return}/**Fakecode**/varurl=data.url;var令牌=令牌;//接口需要返回然后执行后续的awaitQTgqlutil.fetchIntrospectionQuery(url,'',token).then(result=>{data.typelist=[]data.typelist=result.list})}
