vue 函数式组件如何获取dom？

Question

这是函数式组件：

<template functional>
    <div>
        这是函数式组件
    </footer>
</template>

<script>
    export default {}
</script>

我要怎么样获取这个组件的dom？我需要把这个dom挂载到el-scrollbar里面，但是render出来的vnode的elm和componentInstance都是undefined，小白求解

Answer 1

函数式组件不会实例化，自然是没有那些实例属性的。

<template functional>
    <div id='xxx'>
        这是函数式组件
    </footer>
</template>

<script>
    export default {}
</script>

//通过获取id就可以获取到DOM元素了