时间戳

首页 > 解决方案 > 具有动态标题和内容编辑的 Vuetify 数据表

vue.js - 具有动态标题和内容编辑的 Vuetify 数据表

问题描述

在https://vuetifyjs.com/en/components/data-tables/#content-editing的这个例子中，我试图有一个表格，我从 api 调用中获取标题并且仍然有可编辑的列。例如我的标题是

headers:[
    {text:'Header 1, value:1},
    {text:'Header 2, value:2},
    {text:'Header 3, value:3},
]

每个项目都有属性

items:[
{
   1:[data],
   2:[data],
   3:[data]
}

问题主要是模板的v-slot。我已经尝试过了，但它没有用。

 <template v-for="header in headers" v-slot:item[header.value]="props">

我想将标头的 value 属性传递到 v-slot 中，而不是像“item.name”那样定义它。

标签： vue.jsvuetify.js

解决方案

推荐阅读