Vue 中怎样获取具名 slot 的 DOM 节点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 中怎样获取具名 slot 的 DOM 节点相关的知识,希望对你有一定的参考价值。

参考技术A Vue 2.6版本以后

子组件dom节点 通过this.$refs.content.children[0] 获取

Vue 2.6版本以前:

子组件dom节点 通过this.$slots.content[0].elm

注意:通过ref直接拿slot的节点 永远为undefined

以上是关于Vue 中怎样获取具名 slot 的 DOM 节点的主要内容,如果未能解决你的问题,请参考以下文章

436 vue slot:插槽基本使用,具名插槽,作用域插槽

Vue2.x 插槽slot学习笔记

插槽Vue中插槽Slot基本使用和具名插槽

32 Vue插槽slot的默认值和具名插槽使用2

vue中的具名插槽slot

Vue插槽