通過jsonp簡單獲取接口數據，對了，注意下jsonp方法會自動添加callback

<template><div class='sky'><h3>獲取城市：</h3><div class='skycon'></div></div></template><script>//導入jsonp插件import jsonp from ’jsonp’;export default{data(){return {}},created(){//jsonp請求數據this.getLocation()},methods:{getLocation(){let url = 'https://apis.map.qq.com/ws/location/v1/ip?key=CAABZ-AVSAQ-RDR5L-GTBDJ-HLA4O-A5FDB&output=jsonp&_=1599182599164'//jsonp方法會自動添加callbackjsonp(url,{},(err,data)=>{//url地址 //{}參數 //(err,data)錯誤信息，獲取的數據console.log(data)})}}}</script><style></style>

總結

到此這篇關于vue中jsonp插件的使用的文章就介紹到這了,更多相關vue中jsonp插件使用內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！