小程序页面渲染二维数组

最新推荐文章于 2024-05-09 14:01:17 发布

风兮梧桐

最新推荐文章于 2024-05-09 14:01:17 发布

阅读量419

点赞数

分类专栏：微信开发文章标签：小程序前端微信

本文链接：https://blog.csdn.net/weixin_51263829/article/details/129087430

版权

微信开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

  <view class="card">
    <view wx:for="{{nowChess}}" wx:key-item="item" wx:for-index="indexs" wx:key="indexs" class="child">
      <view wx:for="{{item}}" wx:key-item="item" wx:key="index" class="children">
        <view class="button{{item}}" bindtap="clickButton" data-indexs="{{indexs}}" data-index="{{index}}">
          {{indexs}},{{index}}
        </view>
      </view>
    </view>
  </view>

HTML

    for (var i = 0; i < 8; i++) {
      for (var j = 0; j < 8; j++) {
        this.setData({
          ["nowChess[" + i + "][" + j + "]"]: 0,
          ["nowChess[" + 3 + "][" + 3 + "]"]: 2,
          ["nowChess[" + 4 + "][" + 3 + "]"]: 1,
          ["nowChess[" + 3 + "][" + 4 + "]"]: 1,
          ["nowChess[" + 4 + "][" + 4 + "]"]: 2,
        })
      }
    };

初始化二维数组，JS