элемент пользовательского интерфейса вуе получить индекс строки в таблице

элемент пользовательского интерфейса вуе получить индекс строки в таблице

20.08.2019 10:16:14 Просмотров 45 Источник

Я хочу добавить кнопку только в первую строку столбца таблицы (обозначенную "Option" в примере кода). Любой простой способ проверить индекс строки для v-if v-if="scope.row.index === 0"? scope.row.indexздесь не работает.

<el-table :data="mydata">
<!-- more columns -->
  <el-table-column prop="option" label="Option">
    <template slot-scope="scope">
      <div v-if="scope.row.index === 0">
        <el-row>
          <el-col>
            <el-input v-model="scope.row.option"/>
          </el-col>
          <el-col>
            <el-button @click="">Check</el-button>
          </el-col>
      </el-row></div>
      <div v-else>
        <el-input v-model="scope.row.option" />
      </div>
    </template>
  </el-table-column>
<!-- more columns -->
</el-table>
У вопроса есть решение - Посмотреть?

Ответы - элемент пользовательского интерфейса вуе получить индекс строки в таблице / vue element-ui get index of table row

once

20.08.2019 10:55:51

Я нашел решение этой проблемы, используя переменную $index, которая является индексом текущей строки.

<div v-if="scope.$index === 0">
xgqfrms

25.12.2019 03:56:46

вю шаблон scope.$index

мое решение


 <el-table
    :data="tableData"
    border
    class="app-downlaod-guide-table"
    style="width: 100%">
    <el-table-column
      v-for="({
        prop,
        label,
        align,
        width,
        slot,
      }, i) in channelClomuns"
      :key="prop + i"
      :prop="prop"
      :width="width"
      :align="align"
      :label="label">
      <template
        slot-scope="scope"
        v-if="prop === `putLink`">
        <a
          target="_blank"
          href="tableData[scope.$index].putLink">
          {{tableData[scope.$index].putLink}}
        </a>
      </template>
    </el-table-column>
  </el-table>


https://stackoverflow.com/questions/57568453/vue-element-ui-get-index-of-table-row/59478609#comment105134189_59478609
это действительно довольно хорошие хаки
Закрыть X