微信小程序滑动选择器的实现代码
更新时间：2018年08月10日 14:48:05 作者：luozx207
这篇文章主要介绍了微信小程序滑动选择器的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍了微信小程序滑动选择器的实现代码，分享给大家，具体如下：
实现微信小程序滑动选择效果
在wxml文件中，用一个picker标签代表选择器，bindchange是用户点击确定后触发的函数，index是picker自带的参数，用户点击确定后，bindchange绑定的函数用.detail.value就可以访问到。第一个选择的index值为0，依次递增。range要在page的data中先定义一个数组给它赋值，然后数组的值就会变为选择器中的选项
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class='choseQuestion' >
{{choseQuestionBank}}
</view>
</picker>
js文件中对应的数据和函数如下
Page({
data:{
array:['全部','计算机网络','算法','数据结构','linux'],
type:0,
choseQuestionBank:"点击选择"
},
bindPickerChange: function (e) {
var that=this
console.log('picker发送选择改变，携带值为', e.detail.value)
this.setData({
type: e.detail.value,
choseQuestionBank: that.data.array[e.detail.value]
})
},
})
点击确认选择的时候，只要判断一下this.data.type的值就可以实现不同的选择了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了如何使用pdf.js展示pdf文件(亲测可用),如果只是电脑端,可通过 iframe 标签嵌套预览,文中介绍了安装电脑ios的通用方法,感兴趣的朋友跟随小编一起看看吧2023-10-10
下面小编就为大家带来一篇js判断所有表单项不为空则提交表单的实现方法。小编觉得挺不错的， 现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
很多时候，跟后端接口开发对接时，因为需求的关系，需要前端地区数据跟后端的数据要一一对应，有时候需要的是多维数据，这篇文章主要介绍了JS一维数组转化为三维数组的实现示例，感兴趣的可以了解一下2021-12-12
这篇文章主要为大家详细介绍了如何通过JavaScript实现仿小米官网登录注册完整功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
下面小编就为大家带来一篇js从数组中删除指定值(不是指定位置)的元素实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了javascript设置文本框光标的方法,结合实例形式总结分析了javascript针对文本框光标的位置、设置及文本操作的相关技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了VSCode 配置uni-app的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07![分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]](//img.jbzj.com/images/xgimg/bcimg7.png)
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
今天地铁上和一个同事闲聊,给我说的一道题,回来想了想,写出来的,说来惭愧,我用的是行测方面数字推理里面的知识归纳出来的,当然这个可以用递归写出来,说说我的代码,以及递归的思路2012-10-10
这篇文章主要介绍了JS获取url参数、主域名的方法,结合实例形式分析了javascript针对主机域名、端口、路径名、URL参数等的相关操作技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了javascript前端和后台进行数据交互方法示例，文章通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
![分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]](http://img.jbzj.com/images/xgimg/bcimg7.png)
最新评论