微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
作者：FutrueJet 发布时间：2024-05-11 09:31:07
标签：微信小程序,slider,switch
本文实例讲述了微信小程序使用slider设置数据值及switch开关组件功能。分享给大家供大家参考，具体如下：
1、效果展示
2、关键代码
① index.wxml
<view>微信小程序组件：滑动选择器slider</view>
<slider bindchange="sliderBindchange" min="{{min}}" max="{{max}}" show-value/>
<view>最小值：{{min}}</view>
<view>最大值：{{max}}</view>
<view>当前值：{{text}}</view>
<view>---------------------------------</view>
<view>微信小程序组件：开关组件switch</view>
<switch checked type="switch" bindchange="switchBindchange"/>
<view>开关组件当前状态：{{switchState}}</view>
② index.js
Page({
data:{
// text:"这是一个页面"
min:'20',
max:'150',
text:'',
switchState:'开'
},
sliderBindchange:function(e){
this.setData({
text:e.detail.value
})
},
switchBindchange:function(e){
if(e.detail.value){
this.setData({
switchState:'开'
})
}else{
this.setData({
switchState:'关'
})
}
}
})
3、源代码点击此处本站下载。
关于slider与switch组件的详细说明与使用方法可参考官网：
https://mp.weixin.qq.com/debug/wxadoc/dev/component/slider.html
https://mp.weixin.qq.com/debug/wxadoc/dev/component/switch.html
希望本文所述对大家微信小程序开发有所帮助。
来源：http://blog.csdn.net/futruejet/article/details/52853807
0
投稿猜你喜欢
一般说到组件，我首先想到的是弹窗，其他就大脑空白了。因为觉得这个是在项目中最常用的功能，提取出来方便复用的才是组件～然而我才发现这个想法是有- Mysql 远程连接配置实现的两种方法大家在公司工作中，经常会遇到mysql数据库存储于某个人的电脑上，大家要想连接mysql服务，装有my
- Git简单介绍Git是一个分布式版本控制软件，最初由Linus Torvalds创作，于2005年以GPL发布。最初目的是为更好地管理Lin
- 每点击一次按钮,弹出一个对话框(子窗口),同时开启一个子线程来执行任务并更新对话框内容,关闭对话框则关闭对应子线程1. 建立一个简单的主界面
- Python多线程与多进程中join()方法的效果是相同的。下面仅以多线程为例：首先需要明确几个概念：知识点一：当一个进程启动之后，会默认产
- 方法一、使用os模块的system方法os.system（cmd），其返回值是shell指令运行后返回的状态码，int类型，0--表示she
- 一、内置函数下面简单介绍几个：1.abs() 求绝对值2.all() 如果 iterable 的所有元素都为真（或者如果可迭代为空），则返回
- def report_hook(count, block_size, total_size):... &n
- SQL2008清空删除日志:方法一：USE [master]GOALTER DATABASE AFMS SET RECOVERY SIMPL
- 1.下载MySQL数据库可以访问官方网站：https://www.mysql.com/2.点击DOWNLOADS模块下的Community模
- 第一阶段：从官网下载Anaconda之后，安装，一切正常。打开Anaconda navigator，提示我是否更新，要选不要更新。点击spy
- 背景：今天同事写代码，用python读取一个四五百兆的文件，然后做一串逻辑上很直观的处理。结果处理了一天还没有出来结果。问题出在哪里呢？解决
- <％@LANGUAGE="VBSCRIPT" CODEPAGE="936"％>
- 本文实例为大家分享了python使用Matplotlib画条形图的具体代码，供大家参考，具体内容如下数据中国的四个直辖市分别为北京市、上海市
- 今天要处理通知书上的日期，写的一个处理程序，效率可能不是最优的，不过实现功能绝对没问题。注：月份和天要分>10,=10,<10三
- 第一种： 如果你使用的是WinXP或者Win2kPro版的系统，你不会出现这个问题，因为你只能把网站放在C:\intpub\wwwroot目
- 一般事件事件浏览器支持描述onClickHTML: 2 | 3 | 3.2 |
- 前言emmm…9月1日开学季，手头只有红底证件照，但是学院要求要蓝底，这可咋办呢。懒得下ps了。自己撸起来吧。方法一:
- About最近在学习vue的过程中，仿照去哪儿网的移动端写了个小项目，旨在实践和巩固基础知识，但是今天发现去哪儿的首页上有一个组件用户体验较
- （1）应用于客户需要与不同的数据源进行交互时。数据可能来自不同的数据库，他们都有各自不同的复杂格式。但客户与这些数据库间只通过一种标准语言进
