有没有办法访问Primevue数据表中的索引或可数据值

Question

我在Primevue中有一个数据表，如果在插槽中无法访问v的数据表html中的数据，我将尝试访问该数据表。在一个简单的v-for中，可以这样做v-for="(product, i) in products"，然后我要么访问索引为I的products数组，要么使用product。。。有什么方法可以在<DataTable :value="products">标签内部执行此操作吗？

Answer 1

PrimeVueDataTable.中似乎没有确定索引的方法

例如，在DataTable中，可以通过slotProps访问行数据。

<Column field="name" header="Name">
<template #body="slotProps">
<div>
{{slotProps.data.name}}
</div>
</template>
</Column>

Answer 2

对于任何有此问题的人，都可以通过组件上的函数访问数据，如

<DataTable v-model:expandedRows="expandedRows" :rowClass="showExpander"></Column>

在您的方法中：

showExpander(data) {
return data.variants && data.variants.length ? '' : 'no-expander';
},

在您的Cs:

:deep(.no-expander .p-row-toggler) {
opacity: 0;
pointer-events: none;
}

Answer 3

｛data｝属性应该允许您访问行值。

试试这个：

<Column header="headerName">
<template #body="{data}">
{{ data.arrayProp[index].propName }}
</template>
</Column>