vue中jsonp插件使用 vue中jsonp插件如何使用示例
一个前端小小白 人气:0想了解vue中jsonp插件怎样使用示例的相关内容吗,一个前端小小白在本文为您仔细讲解vue中jsonp插件使用的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,jsonp插件,vue调用插件,下面大家一起来学习吧。
通过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方法会自动添加callback jsonp(url,{},(err,data)=>{ //url地址 //{}参数 //(err,data)错误信息,获取的数据 console.log(data) }) } } } </script> <style> </style>
总结
加载全部内容