【微信小程序】点击事件bindtap如何传参

简介: 【微信小程序】点击事件bindtap如何传参

错误写法


// wxml页面
<view class="card_box" bindtap="toPage('12')"> </view>
// js文件
toPage(name){
    console.log(name)
}

 报错:

image.png

正确写法


  bindtap在传参时需要用到data-xxx来进行传递参数,正确的形式应当为:

// wxml页面
<view class="card_box" bindtap="toPage" data-name="12"></view>
// js文件
toPage(e){
    console.log(e.currentTarget.dataset.name)
  }
相关文章
|
5月前
|
存储 缓存 小程序
微信小程序怎么进行页面传参
微信小程序怎么进行页面传参
160 3
|
4月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
85 0
|
4月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
47 0
|
6月前
|
JSON 小程序 JavaScript
微信小程序页面传参(多条数据的传递)
本文介绍了微信小程序中页面间参数传递的方法。1) 单个数据传递:通过`wx.navigateTo`将ID拼接在URL中传递,接收页面在`onLoad`中获取。2) 多个参数传递:将数据转换为JSON字符串,然后通过URL参数传递,接收页面同样在`onLoad`中解析JSON恢复数据。3) 提到了JSON作为数据交换格式的基础知识。全文鼓励读者尝试并点赞。
545 1
|
6月前
|
存储 小程序
小程序路由传参的方法?
小程序路由传参的方法?
114 0
|
6月前
|
小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
68 0
|
6月前
|
小程序 JavaScript
【微信小程序】-- 页面导航 -- 导航传参(二十四)
【微信小程序】-- 页面导航 -- 导航传参(二十四)
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
488 7
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
546 1
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
111 7