小程序开发-bindtap事件传参

Dear 丶 2022-05-31 05:10 366阅读 0赞

初接触小程序时以为bindtap事件是不能传参的，因为尝试用vue的事件传参方式 结果不行，让我也惶恐了一阵，这要是不能传参后面那么多for循环该怎么办

<view class='show'>
        <text data-no='1' bindtap='toggle' class="{
       {active == 1?'active':''}}">交通运输</text>
        <text data-no='2' bindtap='toggle' class="{
       {active == 2?'active':''}}">商业服务</text>
        <text data-no='3' bindtap='toggle' class="{
       {active == 3?'active':''}}">医疗卫生</text>
        <text data-no='4' bindtap='toggle' class="{
       {active == 4?'active':''}}">水利桥梁</text>
        <text data-no='5' bindtap='toggle' class="{
       {active == 5?'active':''}}">农林牧渔</text>
        <text data-no='6' bindtap='toggle' class="{
       {active == 6?'active':''}}">能源化工</text>
        <text data-no='7' bindtap='toggle' class="{
       {active == 7?'active':''}}">出版印刷</text>
        <text data-no='8' bindtap='toggle' class="{
       {active == 8?'active':''}}">原材料</text>
      </view>

事件定义

Page({
      data: {
        active: 1
      },
      toggle: function (e) {
        var a = e.currentTarget.dataset.no
        this.setData({
          active: a
        })
      }
    })

之前为了实现功能写了一堆骚代码，能传参就写一个函数，不能传参那就写16遍函数，代码不认直视，既然能传参那就好办了，

小程序和vue很像，但还是有区别的

发表评论取消回复

表情：

评论列表（有 0 条评论，366人围观）

还没有评论，来说两句吧...

相关阅读

相关【小程序】数据和事件绑定和数据同步传参

目录数据绑定 1. 数据绑定的基本原则 2. 在 data 中定义页面的数据 3. Mustache 语法的格式 4. Mustache 语法的应用场景 5.

女爷i/ 2024年03月30日 11:29/ 0 赞/ 52 阅读

相关 uniapp小程序v-for循环绑定事件传值为undefined uniapp事件函数传参undefined

这个太坑了显示也正常 H5正常传参就小程序事件方法传参的参数 fn（xx）打印出来的undefined 但能拿到index for的时候 key也添加了还是不行昨晚调了

Love The Way You Lie/ 2022年12月29日 02:14/ 0 赞/ 171 阅读

相关微信小程序 bindtap绑定如何传参

在写微信小程序代码的时候，对于前端一个组件需要进行前端向后端绑定，我们可以使用bindtap，如下面的例子： <view bindtap="upload_image"

素颜马尾好姑娘i/ 2022年12月10日 14:46/ 0 赞/ 1389 阅读

相关微信小程序页面传参

页面一 <view class="main"> <view>页面一</view> <button bindtap="btn">跳转到页面二</

川长思鸟来/ 2022年11月15日 15:58/ 0 赞/ 232 阅读

相关微信小程序input框传参

在微信小程序中原生input组件无法直接传参，但可以通过自定义属性的方式达成效果  <inpu

墨蓝/ 2022年11月06日 01:59/ 0 赞/ 426 阅读

相关原生小程序开发之点击事件 bindtap和catchtap的区别

在小程序的api中发现点击事件有两种bindtap和catchtap两个，发现两个都可以实现点击事件该有的功能，但是到底有什么区别呢？用法的区别： bintap

曾经终败给现在/ 2022年10月28日 04:57/ 0 赞/ 225 阅读

相关小程序开发-bindtap事件传参

初接触小程序时以为bindtap事件是不能传参的，因为尝试用vue的事件传参方式结果不行，让我也惶恐了一阵，这要是不能传参后面那么多for循环该怎么办 <view

Dear 丶/ 2022年05月31日 05:10/ 0 赞/ 367 阅读

相关小程序页面间传参

例如：从index界面进入至log界面 index界面 wx.navigateTo({ url: '../index/index?name=zhangsan' }

妖狐艹你老母/ 2022年05月28日 10:25/ 0 赞/ 215 阅读

相关微信小程序-bindtap等事件传参

什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。

爱被打了一巴掌/ 2022年04月12日 13:48/ 0 赞/ 366 阅读

相关微信小程序 - 绑定事件 bindtap（包括是否传入参数）

小程序绑定事件的方式有很多种，这里我只对bindtap的绑定方式进行介绍，其他的绑定方式也是差不多这样的。 1、不带参数的绑定方式 index.wxml文件中：sh

曾经终败给现在/ 2021年08月13日 19:55/ 0 赞/ 635 阅读