элемент пользовательского интерфейса вуе получить индекс строки в таблице
Я хочу добавить кнопку только в первую строку столбца таблицы (обозначенную "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


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>

это действительно довольно хорошие хаки
Помочь в развитии проекта: