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

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>

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

预览如下所示:

相关推荐
weixin_4093831213 小时前
简单四方向a*寻路学习记录7 实现了多个障碍绕行但是绕路
学习
林夕sama13 小时前
MySQL的学习笔记
笔记·学习·mysql
徐某人..13 小时前
网络编程学习--第一天
arm开发·单片机·学习·arm
TL滕14 小时前
从0开始学算法——第十一天(字符串基础算法)
笔记·学习·算法
Hello_Embed14 小时前
FreeRTOS 入门(二十六):队列创建与读写 API 实战解析
笔记·学习·操作系统·嵌入式·freertos
2201_7578308714 小时前
JS的学习
前端·javascript·学习
xixixi7777714 小时前
CRNN(CNN + RNN + CTC):OCR识别的经典之作
人工智能·rnn·学习·架构·cnn·ocr·图像识别
三杯五岳15 小时前
鸿蒙手机游戏开发学习 - 四顶棋(二打一)
学习·游戏源码·鸿蒙原生
dragoooon3415 小时前
[C++——lesson16.STL 学习——【string的模拟实现】]
c++·学习
思成不止于此15 小时前
【MySQL 零基础入门】DQL 核心语法(一):学生表基础查询与聚合函数篇
数据库·笔记·学习·mysql