本文通过vue-resource的jsonp方法，演示了如何实现类似360搜索引擎的跨域查询功能。详细介绍了所需源码和关键文件，包括Vue组件和资源导入。
使用vue-resource提供的jsonp()方法实现跨域请求。此案例模仿实现360搜索引擎的查询效果。
实现效果
源码
使用到的文件（3个）:
1.vue.js
2.vue-resource.js
(上面两个文件需要自己本机存在才能运行源码，注意导入的路径。如果本地没有，可以使用相关的https://…在线链接引入，官网都有。)
3.360搜索列表.html(如下)
360搜索列表.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vue-resource.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.onload = function(){
new Vue({
el:'div',
data:{
searchTxt:'',
dataList:[],
nowSelected:-1,
text:''
},
methods:{
/**
* 每一次输入查询的内容都进行模糊查询，并显示相关条目
*/
search(e)<
最低0.47元/天 解锁文章
扫一扫
161
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
