Vue.js 使用vuejs和vuetify对话框访问dom元素

Vue.js 使用vuejs和vuetify对话框访问dom元素,vue.js,vuetify.js,Vue.js,Vuetify.js,我在v-dialog中有一个带有“id=”meet“”的div标记 打开对话框后,我需要访问此标记的节点。 我正在使用 let node=document.querySelector("#meet"). 我的问题是它总是返回“null”。 这是代码笔: 这里怎么了?根据您的代码笔,它只在第一次打开时返回null 默认情况下,仅在第一次打开v-dialog之后,才会动态加载组件的内容 您可以向v-dialog元素添加eagerprop以强制它 <v-dialog v-model=

我在v-dialog中有一个带有“id=”meet“”的div标记

打开对话框后,我需要访问此标记的节点。 我正在使用

let node=document.querySelector("#meet"). 
我的问题是它总是返回“null”。 这是代码笔:


这里怎么了?

根据您的代码笔,它只在第一次打开时返回null

默认情况下,仅在第一次打开v-dialog之后,才会动态加载组件的内容

您可以向v-dialog元素添加eagerprop以强制它

<v-dialog
    v-model="dialog"
    max-width="290"
    eager
>
...

...

根据您的代码笔,它仅在第一次打开时返回null

默认情况下,仅在第一次打开v-dialog之后,才会动态加载组件的内容

您可以向v-dialog元素添加eagerprop以强制它

<v-dialog
    v-model="dialog"
    max-width="290"
    eager
>
...

...