H5 vue实现百度下拉列表交互操作示例

给大家分享一篇关于vue实现百度下拉列表交互操作示例的详细介绍，希望对同学们学习HTML5开发有所帮助，下面我们一起来看一下吧。

www.jb51.net vue百度下拉列表

.gray{

background: #ccc;

}

window.function(){

new Vue({

el:‘body’,

data:{

myData:[],

t1:’’,

now:-1//按上下键，当前选中

methods:{

get:function(ev){

if(ev.keyCode38 || ev.keyCode40)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=res.data.s;

},function(){

});

changeDown:function(){

this.now++;

if(this.now==this.myData.length)this.now=-1//走到最下面那个，就返回最上面那个;

this.t1=this.myData[this.now];//搜索框的值对应变化

changeUp:function(){

this.now–;

if(this.now==-2)this.now=this.myData.length-1;

this.t1=this.myData[this.now];

}

});

};

{}

原文链接http://kuaibao.qq.com/s/20190312A0UQ0J00

H5 vue实现百度下拉列表交互操作示例相关推荐

ApexCharts使用示例 -- 多图表同时执行交互操作
ApexCharts使用示例 – 多图表同时执行交互操作一.引入apexcharts.js <script src="https://cdn.jsdelivr.net/npm/ape ...
vue使用百度地图获取位置信息
vue使用百度地图获取位置信息最近再做H5页面,就一个单页面,进来的时候,要获取地理位置,上代码 1.使用srcipt不受同源策略的影响,来获取百度api 写在了一个bmap.js里面,onBMap ...
vue整合百度地图（关键字检索）
百度地图文章目录百度地图一.申请百度地图的密钥二.官方示例三.使用vue整合百度地图步骤说明 3.1 效果图: 3.2 方式一 vue脚手架2.0版本引用(不推荐): 3.3 方式二封装成 ...
vue整合百度离线地图api3.0
文章目录前言一.场景二.操作步骤 1.引入3.0js文件 2.创建map_load.js 3.修改bmap_offline_api_v3.0_min.js文件 3.1屏蔽ak验证 3.2加载mo ...
【OpenCV 4开发详解】窗口交互操作
本文首发于"小白学视觉"微信公众号,欢迎关注公众号本文作者为小白,版权归人民邮电出版社发行所有,禁止转载,侵权必究! 经过几个月的努力,小白终于完成了市面上第一本OpenCV 4 ...
利用vue-resource模拟百度下拉列表
最近还在vue的路上匍匐前进,这个是昨天晚上看智能社的视频学习做的一个小小的demo. 百度下拉列表先上图: 利用的是jsonp来获取的数据: 这部分代码如下: this.$http.jsonp(' ...
.NET Framework 2.0 组件和非托管代码与交互操作详解（转）
.NET Framework 将促进与 COM 组件.COM+ 服务.外部类型库和许多操作系统服务的交互操作.在托管和非托管对象模型之间,数据类型.方法签名和错误处理机制都存在差异.为了简化 .NET ...
nodejs操作sqlserver数据_nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例...
本文实例讲述了nodejs基于mssql模块连接sqlserver数据库的简单封装操作.分享给大家供大家参考,具体如下: 注意:开启sqlserver服务器允许远程连接的步骤,自行百度,很多经验,no ...
html引入百度地图报错,vue引入百度地图BMapGL，或者其他个性化地图
3.jpg vue的百度地图早就有vue-baidu-map这里就不赘述了, 自己去直接对着API写就好了,基本上已经满足绝大多数需求了还简单方便. vue-baidu-map 传送门 https:/ ...

H5 vue实现百度下拉列表交互操作示例

H5 vue实现百度下拉列表交互操作示例相关推荐

最新文章

热门文章