Vue 2.6版本以后
ParentComponent:
<div>
<Child>
<template v-slot:content>
<div>插入到子組件的內(nèi)容<div>
</template>
<Child/>
</div>
ChildComponent:
<div ref='content'>
<slot name='content'></slot>
</div>
子組件dom節(jié)點(diǎn) 通過(guò)this.$refs.content.children[0] 獲取
Vue 2.6版本以前：
ParentComponent:
<div>
<Child>
<div slot='content'>插入到子組件的內(nèi)容<div>
<Child/>
</div>
ChildComponent:
<div>
<slot name='content'></slot>
</div>
子組件dom節(jié)點(diǎn) 通過(guò)this.$slots.content[0].elm
注意：通過(guò)ref直接拿slot的節(jié)點(diǎn) 永遠(yuǎn)為undefined
