小程序开发-bindtap事件传参

Dear 丶 2022-05-31 05:10 385阅读 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 条评论，385人围观）

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

相关阅读

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

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

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

相关微信小程序-bindtap事件点击改变样式

uu 方式一：采用三目运算数据绑定方式改变样式  <view class="middle"> <view

系统管理员/ 2023年07月17日 02:55/ 0 赞/ 17 阅读

相关微信小程序 bindtap与catchtap的事件使用和区别

1、什么是事件 (1) 事件是视图层到逻辑层的通讯方式。　　(2) 事件可以将用户的行为反馈到逻辑层进行处理。　　(3) 事件可以绑定在组件上，当达

一时失言乱红尘/ 2023年02月13日 05:54/ 0 赞/ 17 阅读

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

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

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

相关微信小程序页面传参

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

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

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

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

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

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

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

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

相关小程序页面间传参

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

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

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

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

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

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

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

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