Vue.jsVue.js专区

vue使用jsonp请求

2017-11-15  本文已影响0人  z小牛

可以使用vue组件vue-jsonp  github地址https://github.com/LancerComet/vue-jsonp

使用前需先安装vue-jsonp

npm install --save vue-jsonp

然后在使用的页面引用

import  Vue  from  'vue' 

import  VueJsonp  from  'vue-jsonp'

Vue.use(VueJsonp)

如果是在vue commponent中使用,使用方法如下,this.$jsonp()

在vue组件中使用

如果是在方法中使用,使用方法如下

方法中使用vue-jsonp

在项目中可以找一个getData.js专门放置接口请求,内容如下

接口请求js文件内容

在需要使用的地方调用时

getAuthor()

.then(json=>{

this.authorList=json.date;

})

.catch(err=>{

console.log(err);

});

上一篇下一篇

猜你喜欢

热点阅读