首页 > 编程语言 >小程序笔记基础篇

小程序笔记基础篇

时间:2023-10-01 17:23:12浏览次数:41  
标签:事件处理 程序 基础 笔记 dataset 参数 事件 data event

介绍

结构

组成结构

app.json

app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部 tab 等Demo项目里边的app.json 配置内容如下:





事件属性

bingtap的语法格式

在小程序中,不存在HTML 中的 onclick 鼠标点击事件,而是通过 tap 事件来响应用户的触摸行为

  • 通过 bindtap,可以为组件绑定 tap 触摸事件,语法如下:
<button type="primary" bingtap="eventFunction">按钮</button>
  • 在页面的 .js 文件中定义对应的事件处理函数,事件参数通过形参 event 来接收:
Page({
  eventFunction(event){//按钮tap事件处理函数
    //事件参数对象event
  }
})

在.js中修改data中的参数可以用 this.setData({})方法

dataChange(){
  this.setData({
    count: this.data.count + 1
})
}

事件传参

可以为组件提供 data-* 自定义属性传参,其中*代表的是参数的名字,示例代码如下

<button bindtap="btnHandler" data-info="{{2}}">事件传参</button>

参数解析

  • info 会被解析为参数的名字
  • 数值2会被解析为参数的值

事件接受参数

在事件处理函数中,通过 event.target.dataset.参数名 即可获取到具体参数的值,示例代码如下

btnHandler(event) {
// dataset 是一个对象,包含了所有通过 data-* 传递过来的参数项
console.log(event.target.dataset)
// 通过 dataset 可以访问到具体参数的值
console.log(event.target.dataset.info)
}

标签:事件处理,程序,基础,笔记,dataset,参数,事件,data,event
From: https://www.cnblogs.com/iloveworld/p/17728768.html

相关文章

  • 学习笔记:GCN
    本文第一部分摘抄自一篇知乎上的回答如何理解GraphConvolutionalNetwork(GCN)?,第二部分是对Kipf这篇GCN论文的学习笔记。目前还没必要都那么细,就“不求甚解”,只知道咋用吧。1不止Kipf的GCNKipf在2017年发S的EMI-SUPERVISEDCLASSIFICATIONWITHGRAPHCONVOLUTIONALNETWORKS......
  • CS231N Assignment1 SVM 笔记(更新中)
    svm.ipynb为SVM实现一个完全矢量化的损失函数为其解析梯度实现完全矢量化表达式使用数值梯度检查您的实现使用验证集调整学习率和正则化使用 SGD优化损失函数可视化最终学习权重第一部分1.一些配置和库的导入#Runsomesetupcodeforthisnotebook.importrand......
  • salesforce零基础学习(一百三十二)Flow新功能: Custom Error
    本篇参考:https://help.salesforce.com/s/articleView?id=sf.flow_ref_elements_custom_error.htm&type=5https://developer.salesforce.com/docs/atlas.en-us.apexcode.meta/apexcode/apex_triggers_order_of_execution.htm我们针对这些次salesforce的releasenote可以看出来,sa......
  • 基础算法:区间合并
    1、区间合并以AcWing.803为例,题目要求如下:给定n个区间[li,ri],要求合并所有有交集的区间。注意如果在端点处相交,也算有交集。输出合并完成后的区间个数。例如:[1,3]和[2,6]可以合并为一个区间[1,6]。输入格式第一行包含整数n。接下来n行,每行包含两个整数l和r。输......
  • yzy第四次学习笔记
    第七章:文件操作文件操作级别硬件级别:硬件级别的文件操作包括:fdisk:将硬件、U盘或SDC盘分区。mkfs:格式化磁盘分区,为系统做好准备。fsck:检查和维修系统。碎片整理:压缩文件系统中的文件。操作系统内核中的文件系统函数:点击查看代码kumount(),kumount()
......
  • SpringCloud微服务学习笔记(二)【Feign,Gateway,Docker】
    Feign先来看我们以前利用RestTemplate发起远程调用的代码:存在下面的问题:•代码可读性差,编程体验不统一•参数复杂URL难以维护Feign是一个声明式的http客户端,官方地址:https://github.com/OpenFeign/feign其作用就是帮助我们优雅的实现http请求的发送,解决上面提到的问题。基......
  • SQL语法基础随记
    参考资料:[廖雪峰的官方网站][菜鸟教程]写这个教程还是为了方便自己今后查阅,如果读者希望能够系统地学习SQL语言,还是找一个好的Tutorial看一下比较好。SQL语言的基础就是四个字:增查删改。我直接使用了一个开源的SQL客户端DBeaver作为自己客户端。进去之后它会自......
  • 微信小程序view中,英文和数字不换行
    因为是刚入坑,在边学边做,无意中突然发现这个bug!若是这种情况,只需要在css中加上word-break:break-all;word-break:normal|break-all|keep-all;值描述normal使用浏览器默认的换行规则。break-all允许在单词内换行。keep-all只能在半角空格或连字符处换行。......
  • 模算数学习笔记
    最近正好在搞同余,写一下。同余定义设\(m\in\mathbb{Z^+}\),如果\(a,b\in\mathbbZ\)且\(m\mid(a-b)\),那么称\(a\)和\(b\)模\(m\)同余,记作\(a\equivb\pmodm\);否则称\(a\)模\(m\)不同余于\(b\),记作\(a\not\equivb\pmodm\)。称\(m\)为同余的模......
  • 2023-2024-1 20231414《计算机基础与程序设计》第一周学习总结
    学期(2023-2024-1)学号(20231414)《计算机基础与程序设计》第一周学习总结作业信息这个作业属于哪个课程(2023-2024-1-计算机基础与程序设计)这个作业要求在哪里(2023-2024-1计算机基础与程序设计第一周作业)这个作业的目标<计算机基础与程序设计中的问题提问>作业......