vue封装请求并且返回数据
assets>js创建JS文件import axios from 'axios' //引入axiosfunction relationship(back) { //定义回调函数axios({method: 'POST',url: 'guide/relationship',headers: {token: localStorage.getI...
·
assets>js创建JS文件
import axios from 'axios' //引入axios
function relationship(back) { //定义回调函数
axios({
method: 'POST',
url: 'guide/relationship',
headers: {
token: localStorage.getItem('token') || axios.token //放自己的token
}
}).then(res=>{
back(res) //回调函数
}).catch(err=>{
console.log(err)
})
}
export default {
relationship //抛出去
}
在main.js里封装成vue原型链
/**
* 封装获得与户主关系的函数
* */
import relationship from './assets/js/relationship'
Vue.prototype.$relationship = relationship;
在组件中使用
<script>
export default {
name: 'App',
data() {
return {
}
},
methods: {
getrelationship(){
this.$relationship.relationship((res)=>{ //自己写一个回调函数
console.log(res) //将回调函数的返回内容打印到控制台
});
}
},
mounted() {
this.getrelationship();
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)