1、安装vue jsonp
npm i -S vue-jsonp
2、在main.js中导入vue-jsonp
import VueJsonp from 'vue-jsonp'
通过use方法,挂载到vue中
vue.use(VueJsonp)
3、在组件创建create中,就可以加载数据了。第一个参数是我们的请求地址,第二个是请求带的参数(可以是个对象),它返回给我们的是一个promise对象,可以通过then方法进行调用。filter会把data.focus中的数据,进行过滤,将adddata=null的数据筛选出来,再赋值给swiperList。map可以将得到的数据再进行处理,按照需要的类型统一返回出去
this.$jsonp('http://......').then( data => { console.log(data); this.swiperList = data.focus.filter(item =>{ return item.adddata === null; }).map(item => { return { url:item.link, img:item.pico[0].url, title:item.title } }) }