1、执行命令:
1 | npm install vue-jsonp --save |
2、src/main.js中添加:
import VueJsonp from 'vue-jsonp'
Vue.use(VueJsonp)
3、其它组件中基本使用方法:
this.$jsonp(rootApi+'/company/Info'', 传参参数对象{} ).then(json => { // 返回数据 json, 返回的数据就是json格式 }).catch(err => { console.log(err) })
4、其他实例:
4.1:
this.$jsonp(ApiRoot+'/company/Info',
{ callbackQuery: 'callbackParam', // jsonp key //请求传递参数 1 callbackName: 'jsonpCallback', // jsonp key //请求传递参数 2 name: 'zhangsan', //请求传递参数 3 type: 6 //请求传递参数 4 }
).then(json => { // 返回数据 json, 返回的数据就是json格式 }).catch(err => { console.log(err) })
4.2:
this.$jsonp(ApiRoot+'/company/Info',
Object.assign(this.$store.state.common, {callbackQuery: 'callbackParam', callbackName: 'jsonpCallback'})
).then(json => { _this.pageData = json.result }).catch(err => { console.log(err) })
----
说明:Object.assign() 为 es6 javascript对象方法,功能是合并多个对象数据
本文地址:https://www.cnblogs.com/rapale/p/7839203.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥