《微信小程序开发从入门到实战》学习二十二

3.3 开发创建投票页面

3.3.10 使用switch开关组件

用switch开关组件增加一个设置是否匿名投票的功能。

switch常用属性如下:

checked 开还是关,默认false关

disabled 是否禁用,默认false不禁用,可以开关

color switch的颜色,有默认色

bindchange checked改变时触发的事件处理函数

修改JS文件,在data对象加入一个用于保存是否匿名投票的变量:

isAnonymous: false

同时增加一个switch开关变化触发的事件处理函数:

onChangeIsAnnoymous(e) {

this.setData({

isAnonymous: e.detail.value

})

}

最后修改wxml文件,在"截止日期"设置的下方添加如下代码:

<view class="form-item">

<text class="form-item-label">匿名投票</text>

<switch checked="{{isAnonymous}}" bindchange="onChangeIsAnnoymous"/>

</view>

样式可以复用"截止日期"设置的样式,无须编写样式代码。

预览如下所示:

相关推荐
tzc_fly4 分钟前
VideoWorld1-2:纯视频学习获取世界知识
学习·音视频
汤姆yu23 分钟前
2026版基于微信小程序的儿童疫苗预约接种系统
微信小程序·小程序
降临-max27 分钟前
JavaWeb企业级开发---Maven高级
java·笔记·学习·maven
Gorgous—l39 分钟前
数据结构算法学习:LeetCode热题100-贪心算法篇(数组中的第K个最大元素、 前 K 个高频元素、数据流的中位数)
数据结构·学习·算法
哎呦 你干嘛~44 分钟前
tcpip通讯
学习
Dxy12393102161 小时前
PyTorch训练的艺术:精通ReduceLROnPlateau学习率调度器
人工智能·pytorch·学习
炽烈小老头1 小时前
【 每天学习一点算法 2026/03/11】从前序与中序遍历序列构造二叉树
学习·算法
敲代码的嘎仔1 小时前
Java后端开发——基础面试题汇总
java·开发语言·笔记·后端·学习·spring·中间件
大卡拉米1 小时前
ClaudeCode安装及使用
前端·学习
偷偷摸鱼的少年1 小时前
小程序提现功能升级改造
微信小程序