我正在Vue.js(TypeScript)中构建自定义的表格组件。
我有Grid组件,其中基于元数据(列定义)和实际的行/单元格数据作为对象生成标题和列。
层次结构为Grid-> GridRow-> GridCell。 GridCell组件的创建类似于“ Vue.extend({......”),具有渲染功能。渲染功能使用数据和诸如格式化之类的东西创建td元素。
现在,目标是在主网格之外提供用户定义的模板,以便父组件可以修改单元格的HTML。在最好的情况下,例如插槽定义,但其他方式也可以。
这里有什么可能?我阅读了有关动态插槽和作用域插槽的信息。两者看起来都很不错,但是我不确定如何在我的方案中实现它们。如果可以在我的渲染函数中访问它们,则在使用Grid的父组件中的某种模板定义(HTML或代码)会很棒。
我愿意接受任何建议。