Vue2.0 vue-source.js jsonp demo vue跨域请求

最新推荐文章于 2020-07-18 15:15:54 发布

weixin_33739523

最新推荐文章于 2020-07-18 15:15:54 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/youzhuxiaoyao/p/6039888.html

本文介绍了一种使用Vue和vue-resource调用百度输入提示接口的方法。通过具体代码示例展示了如何实现输入提示功能，包括定义Vue实例、设置请求参数等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

=================================================================================================================================

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

=================================================================================================================================

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>

转载于:https://www.cnblogs.com/youzhuxiaoyao/p/6039888.html