Как избежать неправильного обновления для span-метода в таблице - PullRequest
Новая
       16

Как избежать неправильного обновления для span-метода в таблице

0 голосов
/ 16 апреля 2019

Я создаю динамические таблицы, которые связывают некоторые данные массива. 

<el-card v-for="(f, i) in arrangedflightInDay" :key="f.id" :name="f.name" class="box-card" >
     <div class="clearfix">
            <el-container>
              <el-radio :label="f.id" :key="f.id" border>&nbsp;</el-radio>
              <el-input v-model="f.flightNo"/>
              <el-input v-model="f.etdRemark" >
                <template slot="prepend">ETD:</template>
    .....
     <el-table :data="arrangedPlanInDay[i].content" :span-method="objectSpanMethod(i)"...

     </el-table>
</el-card>

......
objectSpanMethod(idx) {
  console.log(idx + '>>>>>>>>>>>')

enter image description here

Вопрос в том, что каждый раз, когда я пытаюсь ввести ETD, он будетвсегда вызывайте метод span.Как избежать такого обновления.Очевидно, что таблица связывания данных организованаPlanInDay [i] .content не меняется, но данные f.etdRemark изменились.Я пытался использовать тег для определения статуса.Но я не знаю, когда завершится метод span. 

objectSpanMethod(idx) {
  console.log(idx + '>>>>>>>>>>>' + this.rowspanTag[idx])
  if (!this.rowspanTag[idx]) {
    return
  }
  return ({ row, column, rowIndex, columnIndex }) => {
    if (columnIndex === 2) {
      const _row = this.spanArrContiner[idx][rowIndex]
      const _col = _row > 0 ? 1 : 0
      return {
        rowspan: _row,
        colspan: _col
      }
    }
  }
  ...
...