新建一个js文件
之前试过不加async,await 。但是在axios请求体外部获取不到arr的值,导致无法return。后来查找到这个方法,实测可用。不过在调用时也要做些处理,后面详细说明。如果不是取axios内部的返回值,可以不用async,await,直接在函数中设置变量再return
import axios from 'axios';
async function getDept() {
var arr = '';
await axios.get('接口地址')
.then((response) => {
arr = response;
})
return arr;
}
export {
getDept
}
在vue文件中调用
<template>
<div></div>
</template>
<script>
//引用上文写的js文件
import { getDept } from '../../util/index'
export default {
data() {
return {
msg:''
};
},
mounted() {
this.testdata()
},
methods: {
//这里也要用async,await对应来取值
async testdata() {
let result = await getDept();
this.msg= result
}
},
};
</script>