<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件深入</title>
<script src="vue.js/dist/vue.js"></script><!--Vue.js v2.5.17版本-->
<script src ="vue-res.js"> </script><!--vue-resource v1.5.1版本-->
<script>
window.onload = function () {
new Vue({
el:"#app",
data:{
myData:[],
t1:"",
now:-1
},
methods:{
add:function (ev) {
if(ev.keyCode==38 || ev.keyCode==40)return;//利用键码来阻止继续上下的事件发生继续搜索
if(ev.keyCode==13){//按下回车就触发window,open函数打开新的窗口
window.open('https://www.baidu.com/s?wd='+this.t1);
this.t1='';
}
this.$http.jsonp('https://sug.so.360.cn/suggest',{//这个是360搜索的接口
params:{//切记记得加params 这个参数，不然直接{}的话，参数绑定不了上jsonp
word:this.t1
}
}).then(function (res) {
this.myData = res.data.s//把回调函数的结果给到数组
本内容试读结束，登录后可阅读更多
下载后可阅读完整内容，剩余2页未读，立即下载
