收藏
回答

我使用WeUI组件库中的grid图片怎么设置?还有怎么设置点击事件

我使用WeUI组件库中的grid图片怎么设置?还有怎么设置点击事件

回答关注问题邀请回答
收藏

1 个回答

  • Doer
    Doer
    2020-05-25

    是小程序不,可以参考下我的。

    其中wxml文件中的data-index="{{index}}"表示的是自定义属性,当事件触发时,会把该属性值传递给函数,具体请看官方文档 
    

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html#%E5%85%AC%E5%85%B1%E5%B1%9E%E6%80%A7

    wxml文件
    <view class="weui-grids bg-map" style="border-width: 0px" >
          <block wx:for="{{grids}}" wx:key="index" wx:for-index="index">
            <grid url="" class="weui-grid" hover-class="weui-grid_active" style="" bindtap="gridTap" data-index="{{index}}" >
              <image class="weui-grid__icon" src="{{item.image}}" style="background-color: darkgrey" />
              <view class="weui-grid__label">{{item.text}}</view>
            </grid>
          </block>
        </view>  
    -------------------------------------------------------------------------------------
    js文件
    data:{
     grids:[
          {image:"",url:"",text:"企业管理"},
          {image:"",url:"",text:"发票审核"},
          {image:"",url:"",text:"消息通知"}
        ]
    }
    gridTap:function(e){
    console.log(e.detail)
    console.log(e.currentTarget.dataset.index)
    wx.showToast({
      title'点击宫格'+e.currentTarget.dataset.index,
    })
    }
    
    2020-05-25
    有用 1
    回复
登录 后发表内容
问题标签