首页 > 代码库 > vue-百度下拉列表
vue-百度下拉列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>qqqq</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <style> .gray{ background: #ccc; } </style> <script src="http://www.mamicode.com/vue.js"></script> <script src="http://www.mamicode.com/vue-resource.js"></script> <script> window.onload=function(){ new Vue({ el:‘body‘, data:{ myData:[], t1:‘‘, now:-1 }, methods:{ get:function(ev){ if(ev.keyCode==38 || ev.keyCode==40)return; if(ev.keyCode==13){ window.open(‘https://www.baidu.com/s?wd=‘+this.t1); this.t1=‘‘; } this.$http.jsonp(‘https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su‘,{ wd:this.t1 },{ jsonp:‘cb‘ }).then(function(res){ this.myData=http://www.mamicode.com/res.data.s;"box"> <input type="text" v-model="t1" @keyup="get($event)" @keydown.down="changeDown()" @keydown.up.prevent="changeUp()"> <ul> <li v-for="value in myData" :class="{gray:$index==now}"> {{value}} </li> </ul> <p v-show="myData.length==0">暂无数据...</p> </div></body></html>
vue-百度下拉列表
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。