微信小程序之双重循环(包含左滑删除，以及数据各项处理)

 <view wx:for="{{hommer}}" wx:for-item="item" wx:for-index="index" wx:key="{{item.id}}">
   <view bindtap="onTap" data-ide="{{item.id}}">
     <view style="height:15vw;line-height:15vw;background-color:#999;border-bottom:2rpx solid #FFF;text-align:center;">{{item.name}}</view>
   </view>
   <view wx:if="{{item.onClick}}">
     <view >
        <slideitem id="slideitem-{{index}}" class='cell-class' row="{{index}}" itemColor="#fff" data-homeid="{{item.homeId}}" data-userphone="{{items.userPhone}}" catch:deleteItemEvent='deleteAction' catch:slideItemEvent='slideAction' cellHeight="120rpx" wx:for="{{item.hommerZ}}" wx:for-item="items" wx:for-index="idx" wx:key="{{items.id}}">
           <view wx:if="{{items.isMain===1}}">
             <view>
               <view class="showText2" style="float:left;">{{items.userPhone}}</view>
             </view>
             <view class="showText1" style="float:right;">
               <view bindtap="updataName" data-homeid="{{item.homeId}}" class="showText3">{{items.userNickname}}</view>
               <view class="righttext1">
                 <picker bindchange="transfer" value="{{index}}" data-value="{{value}}" data-homeid="{{item.homeId}}" data-userphone="{{items.userPhone}}" range="{{rangeHome}}">转移
                 </picker>
               </view>
             </view>
           </view>
           <view wx:else>
             <view>
               <view class="showText2" style="float:left;">{{items.userPhone}}</view>
             </view>
             <view class="showText1" style="float:right;">
               <view bindtap="updataName" data-homeid="{{item.homeId}}" class="showText3">{{items.userNickname}}</view>
             </view>
           </view>
         </slideitem>
       <!-- <view style="color:#111;height:10vw;line-height:10vw;background-color:#EBEBEB;border-bottom:2rpx solid #FFF;text-align:center;">{{itm.namee}}</view> -->
     </view>
   </view>
 </view>

 .cell-class{
   display: block;
   width: 100%;
   border-bottom: 4rpx solid #EBEBEB;
   font-size:26rpx;
 }
 .inner.del{
     background-color: #e64340;
     width: 180rpx;text-align: center;
     z-index:;
     right:;
     color: #fff
 }

 .kind-list-item-bd {
   height:;
   overflow: hidden;
 }

 .kind-list-item-bd-show {
   height: auto;
 }

 .clear {
   clear: both;
 }

 .borderContainer {
   height: 10vw;
   line-height: 10vw;
   background-color: #5cacee;
 }
 .newHome{
   display:flex;align-items:center;margin-left:auto;color:#fff;font-size:30rpx;float: right;
 }
 .homeBorder {
   display: flex;
   justify-content: space-between;
   font-size: 28rpx;
   color: #fff;
 }

 .show {
   background-color: #9f9f9f;
 }

 .nickName {
   margin: 0 3vw;
   display: inline-block;
 }

 .dqhome {
   margin: 0 5vw;
   color: #fff;
   display: inline-block;
 }

 .rightBorder {
   float: right;
   padding-right: 2vw;
 }

 .rightBorder1 {
   float: right;
   padding-right: 2vw;
 }

 .rightBorder2 {
   display: flex;
   align-items: center;
 }

 .righttext {
   display: inline-block;
   margin: 0 2vw;
 }

 .jia {
   width: 7vw;
   height: 7vw;
   padding-right: 4vw;
 }

 .homeText {
   margin: 0 2vw;
 }

 .jia1 {
   width: 5.6vw;
   height: 5.6vw;
   padding-top: 20rpx;
   /* margin-top: 10rpx; *//* margin: 3vw 0; */
 }

 .jia2 {
   width: 5.6vw;
   height: 5.6vw;
 }

 .righttext1 {
   display: inline-block;
   margin: 0 2vw;
   color: #E16024;
 }

 .dataBorder {
   /* height: 12vw; */
   line-height: 12vw;

 }

 .dataBorder1 {
   background-color: #9f9f9f;
   font-size: 28rpx;
   color: #fff;
 }

 .dataBorder3 {
   background-color: #5cacee;
   font-size: 28rpx;
   color: #fff;
 }

 .dataBorder2 {
   border-bottom: 2rpx solid #fff;
 }

 .lefrBorder {
   float: left;
 }

 .nickText {
   margin: 0vw 3vw;
   display: inline-block;
 }

 .homeId {
   margin: 0vw 5vw;
   color: #fff;
   display: inline-block;
 }

 .homepassword {
   text-align: center;
   height: 13vw;
   line-height: 13vw;
   font-size: 26rpx;
 }

 .homeBorder1 {
   height: 16vw;
   line-height: 14vw;
   font-size: 26rpx;
 }

 .homeinput {
   border-top: 2rpx solid #ccc;
   border-bottom: 2rpx solid #ccc;
   width: 88%;
   margin: 0 auto;
   height: 12vw;
 }

 .qx {
   float: left;
   height: 12vw;
   line-height: 12vw;
   width: 50%;
   background-color: #f3951b;
   font-size: 28rpx;
   color: #fff;
   text-align: center;
 }

 .ensure {
   float: left;
   height: 12vw;
   line-height: 12vw;
   width: 50%;
   background-color: #3baeda;
   font-size: 28rpx;
   color: #fff;
   text-align: center;
 }

  data: {
     hommer: [{
       id: 0,
       name: '1',
       onClick: false,
       hommerZ: [{
         id: 0,
         namee: '11',
       }]
     }, {
       id: 1,
       name: '2',
       onClick: false,
       hommerZ: [{
         id: 1,
         namee: '12',
       }]
     }, {
       id: 2,
       name: '2',
       onClick: false,
       hommerZ: [{
         id: 3,
         namee: '13',
       }]
     }, {
       id: 3,
       name: '3',
       onClick: false,
       hommerZ:[{
         id: 4,
         namee: '141',
       }]
     }, {
       id: 4,
       name: '4',
       onClick: false,
       hommerZ: [{
         id: 5,
         namee: '51',
       }]
     }, {
       id: 5,
       name: '45',
       onClick: false,
       hommerZ: [{
         id: 6,
         namee: '61',
       }]
     }],

   },
   onTap: function(e) {
     var key = e.currentTarget.dataset.ide;
     // console.log(key);
     var hommer = this.data.hommer;
     hommer[key].onClick = !hommer[key].onClick;
     this.setData({
       hommer
     })
   },

暂时只有这么多，只能是上下级的一个数组，非上下级的数据弄了半天，在点击多个 显示的时候总是只渲染一个，还有待研究，代码无路查为境，复制粘贴乐翻天..