rapale's blog
Do one thing with your heart

前端备忘录

前端细节 总结沉淀

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
  43 随笔 :: 3 文章 :: 12 评论 :: 16万 阅读

 

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
 
 
 

posted on   rapale  阅读(25390)  评论(2编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥
点击右上角即可分享
微信分享提示