微信小程序点击事件bindtap传参

这篇具有很好参考价值的文章主要介绍了微信小程序点击事件bindtap传参。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

错误写法

  • wxml页面
<view class="fix-add" bind:tap="goPage('/family_pages/form_electricity/form_electricity')">
  <van-icon name="add" />
</view>
  • JS
goPage(url){
    console.log(url)
}

点击后会有以下提示:
bindtap怎么带参数过去,小程序,微信小程序,小程序

正确写法

bindtap在传参时需要用到data-xxx来进行传递参数,如下:文章来源地址https://www.toymoban.com/news/detail-861221.html

  • wxml页面
<view class="fix-add" bind:tap="goPage" data-url="/family_pages/form_electricity/form_electricity">
  <van-icon name="add" />
</view>
  • JS
goPage(event){
    console.log(event.currentTarget.dataset.url)
}

到了这里,关于微信小程序点击事件bindtap传参的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序通过点击事件传参(data-)

    大家都知道在 vue 中,我们可以直接在点击事件中放入传递的参数进行传参;然而微信小程序中并不适用这样的写法,但是微信小程序可以通过自定义属性从而绑定参数使用。 微信小程序可以通过直接写 data-index=\\\"1\\\" 进行数据的绑定 ,利用 bindtap 点击事件执行函数从而获取到

    2024年02月11日
    浏览(43)
  • 微信小程序 事件传参,参数同步显示 button提交内容,读取input内容

    我们先来回顾一下之前学的内容 我们可以在button组件中加入bindtap参数进行事件绑定 然后我们也能在input组件中加入bindinput参数进行事件绑定  结合以上内容我们接着学习,这么让事件绑定前端数据与后端同步 其实很简单,先来学习 先来一个基础的代码 我们给button一个事件

    2024年02月09日
    浏览(80)
  • 【微信小程序---绑定事件bindtap跳转】

    1.所需要跳转的页面进行 bindtap=“f0” 绑定所需要的地方 2.在js页面进行 f0:function(event){函数指向功能} 以上是绑定按钮跳转事件 wx.navigateTo() 保留当前页面 ,跳转到指定页面 可以返回到原页面 wx.redirectTo() 关闭当前页面 ,跳转指定页面  不能返回 wx.switchTab() 跳转到 tabBar 页面

    2024年02月10日
    浏览(43)
  • 【微信小程序】解决点击(bindtap)和长按(bindlongtap)冲突

    点击事件的执行: 可以看到顺序为: touchstart → touchend → tap 长按事件的执行: 可以看到顺序为: touchstart → longtap → touchend → tap 当我们在一个标签上同时设置 bindtap 和 bindlongtap 时, 会发现长按时先触发bindlongtap的事件,松开后还会触发tap事件,就没有达到预期的效果。

    2024年02月09日
    浏览(34)
  • 微信小程序事件传参

    微信小程序怎么事件传参 dataset 对象 每个虚拟dom身上都拥有一个dataset对象 给虚拟 dom 绑定上 data-自定义键=“值”的这种属性,例如: 想要传一个id: 绑定上此种格式的属性后,会被去除 data- ,然后以键值对的形式添加在虚拟 dom 身上的dataset 对象身上。 事件对象 事件函数

    2024年02月09日
    浏览(37)
  • 微信小程序之点击事件

    微信小程序中常用的点击事件主要是  tap ,但除此之外还有其他的触摸类事件,用于不同的交互场景。以下是一些常见的点击和触摸相关的事件及其区别: 3.1.冒泡事件: 冒泡(Bubble)是一种事件传播机制,在Web开发领域和微信小程序中广泛存在。当用户在一个页面元素上触

    2024年04月23日
    浏览(30)
  • 【微信小程序】通过绑定点击事件来实现点击交互

    在微信小程序中,可以通过绑定点击事件来实现点击交互。以下是点击事件的实现步骤: 在WXML文件中,找到需要绑定点击事件的元素,例如按钮、图片等。 在该元素上添加 bindtap 属性,并指定一个对应的事件处理函数,例如: 在对应的页面或组件的JS文件中,定义事件处理

    2024年02月14日
    浏览(35)
  • 微信小程序如何实现页面传参和页面传递多个参数

    只要你的小程序超过一个页面那么可能会需要涉及到页面参数的传递,下面我总结了 4 种页面方法。 下面时多个参数页面传参的方式   通过在url后面拼接参数,参数与路径之间使用 ? 分隔,参数键与参数值用 = 相连,不同参数用 分隔;如 ‘path?key=valuekey2=value2’。 案例:

    2024年02月11日
    浏览(56)
  • 【无标题】微信小程序如果VIEW绑定点击事件

    微信小程序如果VIEW绑定点击事件,而且绑定的VIEW中存在许多子元素,会出现一下问题: 在回调函数中使用e.target来获取消息,虽然触发了点击事件,但是传递的消息是空值,只有点击在空白区域才会返回有效值。 解决方法:使用e.currentTarget来获取消息。 js回调函数: wxml代

    2024年02月08日
    浏览(31)
  • 小程序bindtap绑定事件无效,点击未触发,报错:does not have a method “seetap“ to handle event “tap“.

    有两个问题: 第一: bind:tap=\\\"seeTap\\\" 里的 seeTap 大小写不一致,所以只触发了一个 第二: 固定定位的元素加了点击事件,不生效 原因是层级不够,设置css的z-index就OK啦 参考: 小程序bindtap点击无效,没有报错

    2024年02月02日
    浏览(96)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包