vue中jsonp插件的使用方法示例
(编辑:jimmy 日期: 2024/11/25 浏览:3 次 )
通过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" //jsonp方法会自动添加callback jsonp(url,{},(err,data)=>{ //url地址 //{}参数 //(err,data)错误信息,获取的数据 console.log(data) }) } } } </script> <style> </style>
总结
下一篇:vue 实现一个简单的全局调用弹窗案例