关于vue2使用element UI中Descriptions组件的遍历问题详解

<div v-for="item in arr" :key="item.id">
    <el-descriptions-item>
        <template slot="label">
            <i class="el-icon-location-outline" />地址
        </template>
        {{item.city}}
    </el-descriptions-item>
    <el-descriptions-item>
        <template slot="label">
            <i class="el-icon-tickets" />备注
        </template>
        <el-tag size="small">{{item.remarks}}</el-tag>
    </el-descriptions-item>
</div>

   <template v-for="(item,ind) in arr">
      <el-descriptions-item :key="ind">
        <template slot="label">
          <i class="el-icon-location-outline" />地址
        </template>
        {{item.city}}
      </el-descriptions-item>
      <el-descriptions-item :key="ind">
        <template slot="label">
          <i class="el-icon-tickets" />备注
        </template>
        <el-tag size="small">{{item.remarks}}</el-tag>
      </el-descriptions-item>
    </template>

//遍历展示
<el-descriptions-item v-for="(item,ind) in arr" :key="ind">
      <template slot="label">
        <i class="el-icon-location-outline" />
        {{ind%2==0?'地址':'备注'}}
      </template>
      {{item}}
</el-descriptions-item> 

  <div class="departList">
        <div v-for="(item,ind) in jointDeparts" :key="ind" class="departItem">
          <div class="depart">
            <div class="left">地址</div>
            <div class="right">{{item.name}}</div>
          </div>
          <div class="type">
            <div class="left">备注</div>
            <div class="right">{{item.type}}</div>
          </div>
        </div>
  </div>
 

.departList {
  margin: 5px 0;
  width: 98% !important;
  margin-left: 2% !important;
  border: 1px solid #ebeef5;
 
  .departItem {
    display: flex;
    div {
      display: flex;
      width: 50%;
    }
    .left {
      padding: 12px 10px;
      color: rgba(0, 0, 0, 0.85);
      border-right: 1px solid #e5e6eb;
      border-bottom: 1px solid #e5e6eb;
      background: #f2f3f5;
      width: 30.3%;
      font-size: 14px;
    }
    .right {
      padding: 12px 10px;
      color: #606266;
      border-bottom: 1px solid #e5e6eb;
      font-size: 14px;
      width: 70%;
    }
 
    .type {
      .left {
        border-left: 1px solid #e5e6eb;
      }
    }
  }