收藏
回答

小程序三层嵌套,数据渲染出错,怎么解决?

<view class="con-box" wx:for="{{cardList}}" wx:key="idx" wx:for-item="item" data-typeIndex="{{index}}">
  <view class="mini-l-top">第一层:{{item.typeName}}</view>
  <view class="mini-select-box" wx:for="{{item.typeList}}" wx:key="itenIdx" wx:for-item="card" data-cardIndex="{{index}}">
    <view class="card-title">---第二层:{{card.title}}</view>
    <view class="main-left" wx:for="{{card.tips}} " wx:key="index" wx:for-item="tipItem">
      <view>------第三层{{tipItem.text}}</view>
    </view>
  </view>
</view>


数据结构
data:{
 cardList:[
   {
   typeName:'箱体',
   typeList:[
    {
     title:'原厂箱体',
     tips:[
      {text:'4.2米加宽箱体'},
      {text:'箱体长宽高:4200*2100*2100MM'},{text:'箱体最大载方:15方'}
     ]
    },
      {
         title:'原厂箱体',
      tips:[
        {text:'4.2米加宽箱体'},
        {text:'箱体长宽高:4200*2100*2100MM'},{text:'箱体最大载方:15方'}
      ]
     },
   ]
  },
  {
   typeName:'配件',
   typeList:[
    {
     title:'原厂尾板',
     tips:[
      {text:'4米*4米加宽尾板,自动档、全特种钢'},
            {text:'最大承重20吨'}
     ]
     },
     {
     title:'原厂尾板',
     tips:[
      {text:'4米*4米加宽尾板,自动档、全特种钢'},
            {text:'最大承重20吨'}
     ]
    },
   ]
  }
 ],
},


渲染出的结果


这个问题怎么解决?求告知

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

1 个回答

  • 青团社
    青团社
    2021-10-27

    问题很简单,你这里多了个空格

     wx:for="{{card.tips}} "
    


    

    2021-10-27
    有用 1
    回复 2
    • 风见灬幽星
      风见灬幽星
      2021-10-27
      。。。确实,人麻了,草。感谢老哥指正
      2021-10-27
      回复
    • 青团社
      青团社
      2021-10-27回复风见灬幽星
      这种问题 的确难发现。
      2021-10-27
      回复
登录 后发表内容