Vue2.0 vue-source jsonp 跨域请求

 更新时间:2017年08月04日 17:09:25   作者:幽竹小妖  
这篇文章主要介绍了Vue2.0 vue-source jsonp 跨域请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

本文介绍了Vue2.0 vue-source jsonp 跨域请求,分享给大家,希望对大家有所帮助

以调用百度的输入提示接口为例

main.js

import Vue from 'vue'

import VueResouse from 'vue-resource'

import App from './App.vue'

Vue.use(VueResouse)

new Vue({

 el: '#app',

 render: h => h(App)

}); 

App.vue

<script>

export default {

 name: 'app',

 data () {

  return {

   myData:[],

   v1:""

  }

 },

 methods:{

  show:function(){

   this.$http.jsonp("https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su",

   {//请求参数

    params: {

     wd:this.v1

    },

    jsonp:'cb'

   }).then(function(res){

    console.log(JSON.parse(res.bodyText).s)

    this.myData = JSON.parse(res.bodyText).s

    console.log(this.myData)

   },function(){

    //console.log(1)

   });

  }

 }

}

</script> 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 详解Vuejs2.0之异步跨域请求

    详解Vuejs2.0之异步跨域请求

    这篇文章主要介绍了详解Vuejs2.0之异步跨域请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • Vue数据监听方法watch的使用

    Vue数据监听方法watch的使用

    这篇文章主要介绍了Vue数据监听方法watch的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • vue+egg+jwt实现登录验证的示例代码

    vue+egg+jwt实现登录验证的示例代码

    这篇文章主要介绍了vue+egg+jwt实现登录验证的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • vue报错Error:Cannot find module 'fs/promises'的解决方式

    vue报错Error:Cannot find module 'fs/promises'的解决方

    最近的项目需要用到vue/cli,但是用cnpm安装vue/cli的时候报错了,下面这篇文章主要给大家介绍了关于vue报错Error:Cannot find module 'fs/promises'的解决方式,需要的朋友可以参考下
    2022-11-11
  • vue再次进入页面不会再次调用接口请求问题

    vue再次进入页面不会再次调用接口请求问题

    这篇文章主要介绍了vue再次进入页面不会再次调用接口请求问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • 在VUE style中使用data中的变量的方法

    在VUE style中使用data中的变量的方法

    这篇文章主要介绍了在VUE style中使用data中的变量的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • 基于Vue+Openlayer实现动态加载geojson的方法

    基于Vue+Openlayer实现动态加载geojson的方法

    本文通过实例代码给大家介绍基于Vue+Openlayer实现动态加载geojson的方法,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-09-09
  • 不同场景下Vue中虚拟列表实现

    不同场景下Vue中虚拟列表实现

    虚拟列表用来解决大数据量数据渲染问题,由于一次性渲染性能低,所以诞生了虚拟列表渲染,下面我们就来学习一下不同场景下Vue中虚拟列表是如何实现的吧
    2023-10-10
  • vue 引用自定义ttf、otf、在线字体的方法

    vue 引用自定义ttf、otf、在线字体的方法

    这篇文章主要介绍了vue 引用自定义ttf、otf、在线字体的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • vue 路由嵌套高亮问题的解决方法

    vue 路由嵌套高亮问题的解决方法

    这篇文章主要介绍了vue 路由嵌套高亮问题的解决方法,主路由通过v-for循环出来,次路由通过url拼接的方式导航到子路由页面,具体实现代码大家参考下本文
    2018-05-05

最新评论