如何在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
相关产品推荐
相关产品推荐

