vue-resource jsonp 跨域请求，模糊查询

?

1 2 3 4 5 6 7 8

<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script> <div id="app">     请输入关键字：<input type="text" v-model="keyword" @keyup="sendJsonP(keyword)">     <ul>         <li v-for="r in result">{{r}}</li>     </ul> </div><br><script><br>window.onload = function () {<br>new Vue({<br>el: '#app',<br>data: {<br>keyword: '',<br>result: ''<br>},<br>methods: {<br>sendJsonP(keyword) {<br>let url = 'https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web';<br>this.$http.jsonp(url, {<br>params: {<br>wd: keyword<br>},<br>jsonp: 'cb'//jsonp默认是callback,百度缩写成了cb，所以需要指定下 }<br>}).then(res => {<br>if (res.data.g) {<br>this.result = res.data.g.map(x => x['q']);<br>} else {<br>this.result = [];<br>}<br>});<br>}<br>}<br>});<br>}<br></script>