You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Vuestic UI Data Table模板中获取当前行数据?

Vuestic UI Data Table 获取当前行数据格式化单元格内容

由于Vuetify尚未迁移至Vue3,我转而使用Vuestic UI,切换过程较为顺畅。在使用Data Table组件展示外部API返回的数据时,已实现基础功能,但在通过插槽控制数据展示时,遇到了无法像Vuetify那样获取当前行数据的问题——我需要在邮箱单元格里利用当前行数据来格式化邮件链接。

我期望实现类似Vuetify中的功能:

<v-data-table >
   <template v-slot:item.colName="{ item }">
     // 利用当前行item数据做处理
   </template>
</v-data-table>

参考官方文档写出的代码无法获取当前行数据:

<va-data-table>
    <template #cell(email.0.value)="{ value }">
        <a :href="`mailto:${value}?subject=${getRowDataHere}`">
            {{ value }}
        </a>
    </template>
</va-data-table>

查阅Vuestic GitHub仓库主代码后,找到了解决方案:

<template #cell(colKey)="{ rowData }">
   {{ rowData.property }}
</template>

内容的提问来源于stack exchange,提问作者jijihbt

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 04:15:26