从Vuetify组件获取HTML,而无需将其发布在dom上



对于我自己的项目,我想从多个Vuetify components中获取HTML代码。不是作为HTML string,而是作为可以立即附加到主体的DOM element。我想要这个,这样我就可以在non Vue environment中使用这些组件。

我有什么办法可以做到这一点吗?

我不完全确定您的用例是什么。如果你能详细说明你正在努力实现的目标,我可能会给出一个更好的答案。

我过去也有过类似的需求,需要访问组件/子组件的整个HTML内容。

我如何做到这一点是通过在iframe中呈现组件。从那里,您可以访问和修改已安装的iframe DOM。

我找不到关于我是如何做到这一点的源代码,但也许概念/方法可以作为一个起点。

粗略地在网上搜索,我找到了这个链接https://jsfiddle.net/ohznser9/JS Fiddle演示了以Vue组件为槽的CCD_ 6组件。

我想您可以扩展这个组件来添加修改DOM或从DOM中提取元素的功能。

也许你可以无形地加载iframe,从中获取DOM元素,并用它们做你想做的事情

最新更新