Vue.js的渲染函数中的表格单元格模板(如广告位)

时间:2019-01-19 15:25:41

标签: typescript vue.js

我正在Vue.js(TypeScript)中构建自定义的表格组件。

我有Grid组件,其中基于元数据(列定义)和实际的行/单元格数据作为对象生成标题和列。

层次结构为Grid-> GridRow-> GridCell。 GridCell组件的创建类似于“ Vue.extend({......”),具有渲染功能。渲染功能使用数据和诸如格式化之类的东西创建td元素。

现在,目标是在主网格之外提供用户定义的模板,以便父组件可以修改单元格的HTML。在最好的情况下,例如插槽定义,但其他方式也可以。

这里有什么可能?我阅读了有关动态插槽和作用域插槽的信息。两者看起来都很不错,但是我不确定如何在我的方案中实现它们。如果可以在我的渲染函数中访问它们,则在使用Grid的父组件中的某种模板定义(HTML或代码)会很棒。

我愿意接受任何建议。

0 个答案:

没有答案