如何在Tabulator单元格中显示Vue组件

问题描述 投票:0回答:1

所以,我一直在谷歌和这里进行一些搜索,以找出如何在制表器表格单元格中显示 vue 组件。 我所看到的大部分内容都非常过时(3-4 岁以上),而且似乎并没有真正的帮助。

我当前的堆栈:

  • vue 3.3.4(我正在使用组合 API)
  • 制表器表格 6.3.0
  • 类星体2.14.0

到目前为止,我很喜欢 tabluator,但是能够在表格中渲染组件至关重要。 我见过一些关于动态创建和渲染 vue 组件然后注入 html 的内容,但这看起来非常肮脏和复杂。

是否有关于如何将 vue 组件放入表格单元格的更新信息或策略?

vuejs3 vue-component tabulator
1个回答
0
投票

简单浏览一下 Tabulator 文档就会发现,您可能需要 rowFormatter https://tabulator.info/docs/6.3/format#row 来以某种方式使用 html 和其他类似非 vue 的方法来格式化行。但是...为什么?

有很多基于 vue 的表格是专门为行、列或任何您想要的地方的组件的本机使用而开发的。我喜欢 Vuetify 的数据表 https://vuetifyjs.com/en/components/data-tables/data-and-display/ ,尽管它绝不是唯一的此类库。我想不出有什么是我不能用它们做而 Tabulator 可以做的。我认为你没有找到相关示例的原因是因为近年来没有人尝试同时使用 Vue 和 Tabulator。只是看起来不是特别兼容。

© www.soinside.com 2019 - 2024. All rights reserved.