Динамическая таблица rowspan в vue.js - PullRequest
Новая
       8

Динамическая таблица rowspan в vue.js

0 голосов
/ 12 ноября 2018

Кто-нибудь пробовал динамическую таблицу rowspan в vue.js?

Ниже приведены данные 

{
    date: '2018-08-14',
    temp_que : 120,
},
{
    date: '2018-08-14',
    temp_que : 120,
},
{
    date: '2018-08-15',
    temp_que : 120,
},
{
    date: '2018-08-15',
    temp_que : 120,
},

Ниже html vue 

<template v-for="(item, i) in list">
  <tr> 
    <td
      :rowspan=""
      v-if=""
      class="text-center"
      v-text="item.date"
    ></td>
  </tr>
</template>

Вопрос в том, как поставить rowspan, когда дата получила ту же дату?

1 Ответ

0 голосов
/ 12 ноября 2018

Для начала нужно посчитать количество одинаковых дат, как это: { дата: «2018-08-14», same_num: 'Количество', temp_que: 120, }, 

  <template >
     <tr v-for="(item, i) in list"> 
       <td
         :rowspan="item.same_num"
         v-if="!i? true:item[i-1].date==item[i].date? '':true"
         class="text-center"
         v-text="item.date"
       ></td>
     </tr>
   </template>
...