vue.js 2 中将 vnode 数组插入特定元素

如何在 Vue.js 2 中将 VNode 数组插入到组件中的特定元素下？

问题 1：如何获取元素的 InnerHTML？

可以使用以下方法获取元素的 InnerHTML：

check-vue-style

检查 .vue 单文件组件的 CSS 规范问题并给出提示，适用于样式检查、CSS审查和 Vue 页面质量巡检。

下载

const detailRenderer = new DetailConstructor({
  propsData: {
    node: this.$slots.default,
  },
});
console.log(detailRenderer.$mount(), detailRenderer.$el.outerHTML);

问题 2：无法获取 InnerHTML 时如何插入 VNode 数组？

立即学习“前端免费学习笔记（深入）”；

也可以在不获取 InnerHTML 的情况下插入 VNode 数组：

const slot = this.$slots.default[0];
console.log(slot.context.$mount(), slot.context.$el.innerHTML);