EL-Table with scoped slots running function twice
<el-table
ref="multipleTableRef"
:data="processingData.data.data"
table-layout="auto"
>
<el-table-column
type="selection"
width="50"
>
</el-table-column>
<!-- :fixed="(itemIn.type == 'editButton') ? 'right' : null" -->
<el-table-column v-for="itemIn in JSON.parse(processingData.structure.columns)" :key="itemIn.title"
:prop="itemIn.field"
:label="itemIn.title"
:align="itemIn.align"
:width="itemIn.width"
>
<template #default="scope">
<template v-if="itemIn.type == 'text'">
{{ testtest('hello') }}
</template>
</el-table-column>
</el-table>It is running testtest 6 times (It duplicates the function call twice). It should be 3 times, as we have in total 3 rows, which each itemIn.type == "text". How is this possible?
Replies (1)
Hi,
From the first look, your table component looks fine, it is hard to tell what is a problem without debugging.
Does your testtest function returns anything?
From the first look, your table component looks fine, it is hard to tell what is a problem without debugging.
Does your testtest function returns anything?
React Dev Vacancy
KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
