微信小程序点击获取页面循环列表的数据

最新推荐文章于 2022-06-03 18:17:30 发布

谢同学谢童鞋

最新推荐文章于 2022-06-03 18:17:30 发布

阅读量1.2w

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.csdn.net/LuuvyJune/article/details/88170874

版权

本文介绍了在微信小程序中，如何在wx:for循环列表中为每个元素添加data-*属性，并通过点击事件获取这些属性值，以实现在不同图片点击后跳转到相应页面的功能。

摘要由CSDN通过智能技术生成

最近接触了小程序，和以前的一些js的框架不一样的是，当页面绑定一个方法时，这里不会带参数，如下所示：

<view class="page">
    <view class="page__bd">
        <view class="weui-grids">
            <block wx:for="{
  {list}}">
                <navigator wx:if="{
  {item.parentId!=1}}" class="weui-grid" hover-class="weui-grid_active" 
                url="" bindtap='navigateToPage' id='{
  {item.id}}' data-name='{
  {item.name}}' data-showType='{
  {item.showType}}'>
                    <image class="weui-grid__icon" src="{
  {url}}{
  {item.image}}" />
                    <view class="weui-grid__label">{
  {item.name}}</view>
                </navigator> 
            </block&