在线答题小程序-小程序基础开发(三)

摘要: 1、界定一个num,随后在建一个键入框,使两侧的值可以开展双重关联.jsPage({data: {num: 0//键入框的input恶性事件实行逻辑性handleInput(e) {this.setData({num: e.detail.value}).wxml !-- 1、必须给input标识关...

--------

在线答题小程序

-------

1、界定一个num,随后新建一个键入框,使两侧的值可以开展双重关联
.js

Page({
 data: {
 num: 0
 //键入框的input恶性事件实行逻辑性
 handleInput(e) {
 this.setData({
 num: e.detail.value
})

.wxml

 !-- 1、需要给input标识关联input恶性事件 
 关联重要字 bindinput
 2、根据恶性事件源目标来获得键入框的值
 e.detail.value
 3、把键入框的值取值到data中
 this.setData({
 num:e.detail.value
 }) -- 
 input type="text" bindinput="handleInput" / 
 view 
 {{num}}
 /view 

2、再次添加点一下恶性事件,开展简易的加减
.wxml

 !-- 
 再次添加一个点一下恶性事件
 1、 bindtap,点一下恶性事件
 2、没法在小程序之中的恶性事件立即传参
 3、需要根据自定特性的方法传送主要参数
 4、恶性事件源中获得 自定特性
 input type="text" bindinput="handleInput" / 
 button bindtap="handletap" data-operation="{{1}}" + /button 
 button bindtap="handletap" data-operation="{{-1}}" - /button 
 view 
 {{num}}
 /view 

.js

Page({
 data: {
 num: 0
 //键入框的input恶性事件实行逻辑性
 handleInput(e) {
 this.setData({
 num: e.detail.value
 //加 减按钮的恶性事件
 handletap(e){
 //获得自定特性operation
 const operation = e.currentTarget.dataset.operation;
 this.setData({
 num:this.data.num + operation
})
总结:1、根据bandinput给键入框关联
2、根据e.detail.value来获得键入框的值
3、根据this.setData({num:e.detail.value})将键入框的值取值到data中
4、根据bindtap给按钮提升点一下恶性事件
5、用自定的特性开展传参
6、在恶性事件源中获得自定特性 ---------

在线答题小程序

------------


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503