Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Vuetify组件获取HTML，而无需将其发布到dom上_Javascript_Html_Vue.js_Dom_Vuetify.js - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 从Vuetify组件获取HTML，而无需将其发布到dom上

Javascript 从Vuetify组件获取HTML，而无需将其发布到dom上

javascript html vue.js dom

Javascript 从Vuetify组件获取HTML，而无需将其发布到dom上,javascript,html,vue.js,dom,vuetify.js,Javascript,Html,Vue.js,Dom,Vuetify.js,对于我自己的项目，我想从多个Vuetify组件中获取HTML代码。不是作为HTML字符串，而是作为可以立即附加到主体的DOM元素。我希望这样做，以便我可以在非Vue环境中使用这些组件 有什么方法可以做到这一点吗？我不完全确定您的用例是什么。如果你能详细说明你想要达到的目标，我可能会给出一个更好的答案 我过去也有类似的需求，需要访问组件/子组件的整个HTML内容 我如何做到这一点是通过在iframe中呈现组件来实现的。从那里，您可以访问和修改装载的iframe DOM 我找不到关于我是如何做到这一

对于我自己的项目，我想从多个
Vuetify组件中获取
HTML
代码。不是作为
HTML字符串
，而是作为可以立即附加到主体的
DOM元素
。我希望这样做，以便我可以在
非Vue环境中使用这些组件


有什么方法可以做到这一点吗？
我不完全确定您的用例是什么。如果你能详细说明你想要达到的目标，我可能会给出一个更好的答案

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

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

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

在粗略的互联网搜索中，我发现了这个链接，其中有一个JS Fiddle演示了一个以Vue组件为插槽的
I-frame
组件

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

也许您可以不可见地加载iframe，从中获取DOM元素，并对它们执行您希望的操作