wx小程序-button的bindtap事件

embedded/2024/9/24 21:23:09/

一、button标签

由于小程序语法中,处理函数不能带参数,所以不能实现直接调用要修改的数据。所以除了用bindtap(提示:bindtap和bind:tap两种语法都是正确的)绑定处理函数,还需要在button属性中添加一个data-(待修改的数据),这里我们直接命名成data-info。在index.wxml。

<button type="primary" bind:tap="btnTap2" data-info="{{22}}">增加</button>

这里data-info的值给了22,一定要用这种类似差值表达式的{{}}形式,否则直接在双引号里面写22,就是字符串,而不是数字 。

二、通过处理函数改变数据

在index.js文件夹下data里面放一个数据count,初值设为0。在函数setData里面通过this.data.count获取count,通过e.target.dataset.info获取data-info的值。

Page({// 页面初始数据data: {count:0},//定义按钮事件处理函数btnTap2(e){this.setData({count:this.data.count+e.target.dataset.info})}
})

这样的效果就是每次点击按钮,count就会加上data-info的值也就是22。


http://www.ppmy.cn/embedded/12702.html

相关文章

【漏洞复现】手机卡号推广商城 login.php接口处存在 SQL 注入漏洞

免责声明&#xff1a;文章来源互联网收集整理&#xff0c;请勿利用文章内的相关技术从事非法测试&#xff0c;由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#xff0c;所产生的一切不良后果与文章作者无关。该…

ClickHouse 高可用之副本

文章目录 ClickHouse 副本支持副本的引擎配置高可用副本副本应用1.副本表概述2.创建副本表3.写入模拟数据4.副本验证 扩展 —— 在 Zookeeper 中查看副本表信息 ClickHouse 副本 ClickHouse 通过副本机制&#xff0c;可以将数据拷贝存储在不同的节点上。这样&#xff0c;如果一…

<前端>Electron-builder为公证后的app打更新信息latest.yml

MacOS下&#xff0c;Electron-builder可以很方便的为测试包app打更新信息&#xff08;latest-mac.yml&#xff09;。 但是&#xff0c;正式发布的时候&#xff0c;不可能用测试包app&#xff0c;因为还没有进行公证。如何为公证的app打latest-mac.yml呢。 其实观察latest-mac.y…

配置nodejs的俩小脚本

介绍&#xff1a;共两个脚本。 脚本1&#xff0c;用来配置环境变量&#xff0c;生成环境变量所需的配置信息&#xff0c;然后自己添加到系统环境变量里去 特别注意&#xff1a;该脚本需要放到nodejs目录下面&#xff0c;如果不是&#xff0c;则无法生成环境变量配置文本内容 另…

前端-移动端基于vant4开发

一、吸顶 头部的吸顶效果&#xff0c;可以使用vant4的粘性布局。 Sticky 粘性布局 - Vant 4 (gitee.io) 二、底部菜单栏样式 三、弹出层 可以使用vant4弹出层组件 Popup 弹出层 - Vant 4 (gitee.io) 四、横向标签页滚动 可以基于vant4的标签页进行开发。Tab 标签页 - Vant …

UDP文件传输工具之UDP传输的优点和缺点

在当今快节奏的网络通信时代&#xff0c;UDP以其独特的优势&#xff0c;在众多应用场景中扮演着关键角色。本文将深入探讨UDP的优缺点及其应用场景&#xff0c;并重点介绍镭速软件如何通过技术创新&#xff0c;显著提升UDP传输的效率和可靠性。 UDP传输的优点 UDP的显著优势在…

分类与预测算法评价的介绍

分类与预测算法的评价是在机器学习中至关重要的一步&#xff0c;它帮助我们了解模型在解决特定问题上的表现如何&#xff0c;并且可以帮助我们选择最适合我们需求的算法。下面是分类与预测算法评价的一般介绍&#xff1a; 分类与预测问题 分类问题&#xff1a;是指将数据分为预…

MATLAB初学者入门(14)—— 支持向量机

支持向量机&#xff08;SVM&#xff09;是一种强大的分类技术&#xff0c;用于解决分类和回归问题。它工作原理是找到最优的超平面&#xff0c;该超平面能够最大化不同类别数据点之间的边界。MATLAB提供了一个简单易用的工具箱&#xff0c;称为Statistics and Machine Learning…