首页 > 编程语言 >【微信小程序】点击事件bindtap如何传参

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

时间:2023-01-16 18:02:58浏览次数:46  
标签:传参 console log wxml 微信 js bindtap name


错误写法

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

  报错:

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

正确写法

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

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


标签:传参,console,log,wxml,微信,js,bindtap,name
From: https://blog.51cto.com/u_15942590/6010671

相关文章

  • 【微信小程序】页面返回且带回数据
    一、回退上一级页面beforePage  返回页面同时需要刷新数据varpages=getCurrentPages();//当前页面varbeforePage=pages[pages.length-2];//前一页beforePage.o......
  • 【微信小程序】缓存过期时间的相关设置
    微信小程序缓存机制介绍  每个微信小程序都可以有自己的本地缓存,可以通过​​wx.setStorage(wx.setStorageSync)​​​、​​wx.getStorage(wx.getStorageSync)​​​、​​w......
  • 【微信小程序】tabbar报错Component is not found in path “custom-tab-bar/index“
    问题描述  在​​app.json​​​配置好​​tabBar​​​,发现页面毫无变化,甚至还报错了​​Componentisnotfoundinpath"custom-tab-bar/index"​​。配置是从微信小......
  • 微信公众号开发之模板消息
     欢迎留言、转发微信极速开发系列文章:​​点击这里​​最近有点小感冒,文章的更新进度延误了一些,希望此系列文章对你​​研究微信公众开发​​​有帮助。前几篇文章介绍了微......
  • 微信小程序自定义字体
    微信小程序自定义字体  解决方法 //加载字体wx.loadFontFace({global:true,family:'cl',......
  • 上传微信素材的两种方式
    ///<summary>///上传微信素材的两种方式///</summary>///<returns></returns>publicasyncTask<IActionResult>UploadL......
  • 微信Tweak-macOS 客户端撤回拦截
    GitHub-sunnyyoung/微信Tweak-macOS:微信macOS的动态库调整-首款微信macOS客户端撤回拦截与多开......
  • 微信h5之debug
    正常来说在微信任意一个聊天窗口输入:debugx5.qq.com,点击该链接就可以,但是我的安卓手机就报错了,说我使用的不是x5内核,解决办法:1.在微信窗口输入:debugtbs.qq.com,点开;2.根据......
  • deepin版的微信无法启动
    我在网上找了半天的了,出现问题的原因应该是deepin-wine的问题:既然是deepin-wine出了问题,那重装一下就好了,嗯~我直接,yay!结果发现有一个deepin-wine需要更新,更新之后就好了......
  • uniapp 开发微信小程序问题笔记
    最近接手了一个小程序开发,从头开始。使用了uniapp搭建,以前没有做过小程序开发,着手看文档、查文档。一步一步完成了任务的开发。特此记录开发过程中的问题。开发建议:使......