关于ElementUI 中Layout 布局不能换行的解决方案

<div class="info-card" v-for="(i,inx) in Farea.length/4" :key="inx">
          <el-row :gutter="24"   >
            <el-col :span="6" v-for="(item,index) in Fareas(inx)" :key="index">
              <div class="boxs">
                <div class="imgbox">
                  <img :src="item.icon" alt />
                </div>
                <div class="imgboxhover">
                  <img :src="item.iconhover" alt />
                </div>

                <h1 v-text="item.title"></h1>
                <ul>
                  <li v-for="(res,index) in item.chanaNode" v-text="res.name" :key="index"></li>
                </ul>
              </div>
            </el-col>
          </el-row>
        </div>

思路是这样的，     首先一行四个，24栏，每个六个，   每四个再循环一次，   把数组重新计算一下再循环出来就对了，

其中计算的代码

 Fareas(){
      return function(iten){
        console.log(this.Farea.slice(iten,iten+4))
       return this.Farea.slice(iten,iten+4)
      }
    }

这样就能正常循环，且循环出来都不影响

如果对您有帮助。