美文网首页
事件传参的问题

事件传参的问题

作者: 稻草人_9ac7 | 来源:发表于2019-11-07 22:41 被阅读0次
传参
//xxx.wxml
<view class="gridContent">
       <van-grid column-num="4" class="grid" border="{{ false }}">      
      <van-grid-item icon="{{item.iconUrl}}" text="{{item.name}}" wx:for="{{Category}}"       
wx:key="{{index}}" bindtap="gotoCategory" data-index="{{item.categoryId}}"/>
      
    
        </van-grid>
    </view>

接收

  gotoCategory:function(options){
    //根据传过来的分类Id传过去
    console.log("分类的Id=====", options.currentTarget.dataset.index)
    // 把获取商品分类的Id赋值给全局的变量,我们想要在下一页获取参数,直接获取就行,注意不能把参数放在url中
    app.$categoryId= options.currentTarget.dataset.index

    console.log(" app.$categoryId", app.$categoryId)
    // 普通页面跳转
    console.log("options", options)   
    wx.switchTab({
      url: '/pages/category/category',
  })

  }

相关文章

  • 事件传参的问题

    接收

  • react 事件绑定和传参

    使用react,绕不开事件绑定和传参,react事件绑定的方法有以下几种。 方法一: 传参:onClick={th...

  • react事件

    bind 绑定事件的指向 实例应用 事件传参并显示

  • Ionic3页面传参跳转

    一.ionic3通过click事件跳转传参 二.ionic通过属性传参跳转

  • elementUI组件事件传参问题

    概述 最近在使用elementUI组件时,在某些情况下需要对组件事件传递自定义参数。 解决方案 可使用箭头函数传递...

  • vue路由传参

    原生JS 传参 Vue 传参 使用 传参数 第一种方法 第二种方法 点击事件传参 第三种...

  • react事件

    1 .常用的点击事件的写法 e打打印结果 2 . 事件传参

  • VUE 事件路由传参重点

    点击事件传参 A 页面 点击事件 DIV部分 {{pdzs}} {{bdzs}} JS部分: methods:...

  • JavaScript事件传参

    最近因为用了动态对象的事件侦听,所以每个事件派遣对象对应的参数不一样,需要根据当前对象传递不一样的参数。首先我们测...

  • @change事件传参

    在@change事件里用一个箭头函数来传递两个参数给函数 changeHandler ...

网友评论

      本文标题:事件传参的问题

      本文链接:https://www.haomeiwen.com/subject/acubbctx.html