微信小程序---365笔记第41天---多层数组的列表渲染

记:
1.多层数组的列表渲染;
2.点击radio所在的行,也可以选中radio;

1.多层数组的列表渲染;
数据:

data:{
 name: {
  name: [
    { '昵称': "夏天的列车" },
    { '昵称1': "夏天的列车1"}, 
    { '昵称2': "夏天的列车2"}
  ]
  }
}

wxml:

    <view wx:for="{{name.name}}" wx:for-index="idx" wx:for-item="item1">
      <view wx:for="{{item1}}" wx:for-index="idx2" wx:for-item="item2">{{idx2}}:{{item2}}</view>
    </view>

图片.png

2.点击radio所在的行,也可以选中radio;
tips:给radio包裹一个label组件就可以轻松实现了,点击radio所在行,就可以选中radio;

    <view wx:for="{{name.name}}" wx:for-index="idx" wx:for-item="item1">
      <radio-group wx:for="{{item1}}" wx:for-index="idx2" wx:for-item="item2" bindtag="radioChange">
        <label>
          <radio>{{idx2}}:{{item2}}</radio>
        </label>
      </radio-group>
    </view>

热爱前端,热爱编程,热爱分享,欢迎一起聊各种技术问题,一起进步,一起成长!微信:zhan_1337608148

展开阅读全文

Windows版YOLOv4目标检测实战:训练自己的数据集

04-26
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值