vue : async / await 的应用

比如有组数据是很多页面都要用的,我想把它写在一个js文件里作为公共方法。

public.js 

复制代码
 1 import axios from 'axios';
 2 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
 3 import { get_industrylist } from './api.js'
 4 
 5 export const getIndustryList = async function () {    
 6     let data = await new Promise((resolve)=>{
 7         axios.post(get_industrylist).then((res) => {
 8             console.log(res)
 9             if(res.data.code === 200){
10                 // console.log('getIndustryList', res.data.data.industrylist)
11                   resolve(res.data.data.industrylist)
12             }        
13         })
14     })
15     return data    
16 }
复制代码

然后在某个页面里使用它。

Tanant.vue

1 ...
2 created(){
3     getIndustryList().then((v)=>{      
4       this.options = v      
5     })
6   },
7 ...

就是这样。

posted on   fox_charon  阅读(2022)  评论(1编辑  收藏  举报

编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示