vue2中怎么拿到组件的$el.innerHTML部分,该组件没有展示在页面上,不可以通过$ref进行,请给出解决方法
时间: 2024-03-28 09:41:25 浏览: 172
vue单文件组件无法获取$refs的问题
可以通过创建一个新的虚拟DOM节点,将该组件挂载在该节点上,然后获取该节点的innerHTML来获取组件的内容。
具体代码如下:
```javascript
import Vue from 'vue';
import MyComponent from './MyComponent.vue';
// 创建一个新的虚拟DOM节点
const vm = new Vue({
render: (h) => h(MyComponent),
}).$mount();
// 获取组件的innerHTML
const innerHTML = vm.$el.innerHTML;
// 销毁虚拟DOM节点
vm.$destroy();
```
这样就可以获取到组件的$el.innerHTML部分了。注意要在获取完innerHTML之后,手动销毁虚拟DOM节点,避免内存泄漏。
阅读全文