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

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《Vue.js 2 中如何将 VNode 数组插入到组件的特定元素？ 》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

Vue.js 2 中将 VNode 数组插入特定元素

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

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

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

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);

终于介绍完啦！小伙伴们，这篇关于《Vue.js 2 中如何将 VNode 数组插入到组件的特定元素？ 》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！