微信小程序滑动选择器的实现代码
作者：luozx207 发布时间：2024-05-09 10:34:48
标签：微信小程序,滑动,选择器
本文介绍了微信小程序滑动选择器的实现代码，分享给大家，具体如下：
实现微信小程序滑动选择效果
在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的值就可以实现不同的选择了。
来源：http://www.cnblogs.com/luozx207/p/9453245.html
0
投稿猜你喜欢
- 问题Python 中 PDF 转图片一般用的是 pdf2image。有时我们会发现 PDF 转出来的图片都是空白，或者缺失了一些字，具体表现
- ASP.NET WEB FORMS 给开发者提供了极好的事件驱动开发模式。然而这种简单的应用程序开发模式却给我
- 有如下的代码：class p1:def __init__(self,a,b):print("init in p1")se
- 判断字符串s.isalnum() #所有字符都是数字或者字母s.isalpha() #所有字符都是字母s.isdigit() #所有字符都是
- 今天运行程序时报了SqlSession [org.apache.ibatis.session.defaults.DefaultSqlSess
- 1. 引言最近闲暇之余，我会去阅读一些Python文档，有时候会注意到一些有趣的Python特性，这些特性不禁让人惊呼：&ldquo
1、下载安装好PyCharm 专业版后打开或者新建一个Python项目，找到View导航栏，如下图：在Tool Windows下可以找到Sc- 利用Python将Market1501的分割图片和原图两张图片进行拼接成一左一右一张图片，并将图片的像素值调整成256*128.所有文件夹：
- 在之前的几篇文章中，介绍了业界中比较火爆的图片技术SVG(Scalable Vector Graphics),比如Iconfont(矢量图标
- 程序设计中我们时常需要检测用户输入是否正确，特别是姓名，地址等等是不是输入的汉字。那么，如何判断一个字符是不是汉字呢？其实在asp中至少有两
- 公网与私有网络的判断其实十分简单，只要记住私有网络的三个网段。不过，对于记性不好的人或者学识不是很高的机器来说，有一种判断方法还是有必要的。
- 1：事件机制共享队列：利用消息机制在两个队列中，通过传递消息，实现可以控制的生产者消费者问题要求：readthread读时，writethr
- QMainWindow基本介绍QMainWindow主窗口为用户提供了一个应用程序框架，它有自己的布局,可以在布局中添加控件。窗口类型介绍P
- 本文实例讲述了Python正则表达式分组概念与用法。分享给大家供大家参考，具体如下：正则表达式分组分组就是用一对圆括号“()”括起来的正则表
- TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加
- Asyncio 任务可以通过调用它们的 cancel() 方法来取消。我们可以通过将任务包装在对 asyncio.shield() 的调用中
- 本文实例讲述了Python实现PS滤镜碎片特效功能。分享给大家供大家参考，具体如下：这里用 Python 实现 PS 滤镜中的碎片特效，这个
- 回顾上一篇文章我们介绍了切片slice的定义初始化、引用类型特征、如何使用数组切割成切片。这篇文章介绍切片的生成make()、切片的追加ap
- 微软今天宣布正式发布SQL Server 2008服务器软件,这将帮助微软与Oracle 11g,IBM DB2 9.5数据库产品对抗.此前
- 本文实例讲述了python生成器/yield协程/gevent写简单的图片下载器功能。分享给大家供大家参考，具体如下：1、生成器：'
