【问题标题】:Vuetify v-data-table within v-data-table: content in extended-item slot malfunctionv-data-table 中的 Vuetify v-data-table:扩展项插槽中的内容故障
【发布时间】:2020-03-25 19:21:33
【问题描述】:

在 vuetify 表中,我不想显示一些标题及其对应的列。相反,我希望它们显示在扩展项目插槽中的表格中。表中的项目完全是用户可编辑的。这一切都很好。

问题是在extended-item slot中,不仅显示了被选item的属性,还显示了所有item的属性。

在 vue-dev-tools 中正确显示。我想我在这里遗漏了一些基本简单的东西。有人有什么想法吗?

提前致谢

这里是沙盒的链接:v-data-table in expanded-item slot of v-data-table, user editable

【问题讨论】:

    标签: vue.js vuetify.js slot v-data-table


    【解决方案1】:

    您可以将:items="tabItems" 更改为:items="[item]" (我将其放入数组中,因为 :items v-data-table 无法单独读取一项。

    如果您调用 tabItems,您将再次遍历所有项目,因此最好使用过滤后的扩展项目项目,而不是手动进行艰苦的工作。

    我在您的沙箱中尝试过,您可以根据我的建议更改第 54 行,您可以检查它是否运行良好。

    【讨论】:

    • 嗨@NBlack,谢谢。似乎工作。我明天测试一下。摆弄智能手机不是应该的乐趣?
    • 是的,这不是在智能手机中测试的最佳平台...我已经在 Google chrome 中尝试过,它工作正常;)
    • 有效!感谢您的帮助并保持安全;-)
    • 谢谢 ;-) 你也一样!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-02-26
    • 2019-11-10
    • 2020-12-13
    • 2019-11-19
    • 2021-02-11
    • 2018-01-21
    • 2020-03-02
    相关资源
    最近更新 更多