vue模态框组件拿不到dom元素

今天在写模态框的组件时，在一个页面引入了模态框组件。但是模态框设置初始是不显示的，然后我在模态框组件里面的mouted里面拿到dom元素，按理来说mouted都已经加载完元素了，但是我不管是通过document.getElementById还是ref拿值都是拿取不到，甚至还用了this.$nextTick ,都拿取不到dom元素 。最后自己反应过来了，加载一个页面的时候会把模态框组件一起加载进来，但是我的模态框初始是不显示的，我是通过模态框自带的属性visible控制的，相当于是v-if隐藏了模态框，模态框组件虽然被引入了。但是模态框里面的dom被v-if隐藏了。所以无论如何我都拿取不到dom元素。这简直就是个大坑。后面我把拿取dom元素的事件改成了在我点击模态框按钮的时候传个值，然后在监听这个值的事件里去写拿取dom元素，就完全ok了。简单点讲就是我要在模态框显示的时候才能拿到模态框里面的dom元素，并且还要配合this.$nextTick使用，否则还是拿取不到dom元素，因为监听事件跑的比加载dom元素更快。

动动你的小手点个赞就是对我最大的支持！！！