微信小程序 - 点击事件传递参数(简单详细)

简介: 微信小程序 - 点击事件传递参数(简单详细)
+关注继续查看

  • 在小程序开发的时候,有时候需要在点击事件触发之后拿到一个参数做为使用,小程序不像 Vue 可以直接点击事件中放参数,而小程序它只能通过自定义属性进行绑定参数使用。


  • .wxml 中使用
<view bindtap="touchAction" data-index="1">点击</view>


  • .js 中接收
touchAction: function(e) {
   // 传递的参数
   let query = e.currentTarget.dataset['index'];
}

相关文章
|
4天前
|
人工智能 小程序 前端开发
小程序二手商城|使用Springboot+vue+微信小程序开发校园二手商城系统
本项目基于Springboot+vue+微信小程序实现了一个校园二手物品商城交易系统。系统的后台使用springboot+mybatis开发实现,后台管理页面使用Vue+ElementUI开发实现,用户端基于微信小程序开发实现。前端用户使用微信登录小程序后,可以在线浏览二手商品,并在线购买下单和评论等,同时自己也可以发布相应的二手商品,并管理自己的订单信息和销售信息。管理员登录后台管理系统可以管理人员、商品分类、商品、订单等相关信息。具体见下面展示。
|
1月前
|
小程序 JavaScript
微信小程序 页面跳转 传递参数
微信小程序 页面跳转 传递参数
18 0
|
2月前
|
存储 缓存 小程序
微信小程序路由以及跳转页面传递参数
微信小程序路由以及跳转页面传递参数
24 0
|
2月前
|
小程序 前端开发 开发者
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
|
3月前
|
小程序 JavaScript 前端开发
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
82 0
|
4月前
|
小程序 JavaScript
微信小程序 - 监听 TabBar 切换点击事件
微信小程序 - 监听 TabBar 切换点击事件
1001 0
|
10月前
|
小程序
【微信小程序】点击事件bindtap如何传参
【微信小程序】点击事件bindtap如何传参
1155 0
【微信小程序】点击事件bindtap如何传参
|
小程序
微信小程序扫描二维码如何跳转小程序内指定页面并传递参数给目标页面?
微信小程序扫描二维码如何跳转小程序内指定页面并传递参数给目标页面?
微信小程序扫描二维码如何跳转小程序内指定页面并传递参数给目标页面?
|
小程序 JavaScript 前端开发
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(二)
通过本教程前面两篇文章的介绍,大家对微信小程序的视图和控制器,以及微信调试器的用法已经有了一个最基本的认识了。在这个基础上,让我们进一步学习微信小程序控制器,掌握在小程序控制器中响应用户输入的方法。
323 0
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(二)
|
小程序 JavaScript 前端开发
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(一)
通过本教程前面两篇文章的介绍,大家对微信小程序的视图和控制器,以及微信调试器的用法已经有了一个最基本的认识了。在这个基础上,让我们进一步学习微信小程序控制器,掌握在小程序控制器中响应用户输入的方法。
230 0
微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍(一)
相关产品
云迁移中心
推荐文章
更多