登录
首页 >  文章 >  前端

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

时间:2024-11-14 12:06:46 305浏览 收藏

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

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学习网公众号也会发布文章相关知识,快来关注吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>