Access dom element with vuejs and vuetify dialog

Question

I have a div tag with an 'id="meet"' into v-dialog.

I need to access the node of this tag after I open the dialog. I am using

let node=document.querySelector("#meet").

My problem is that it always returns "null". Here is the codepen: https://codepen.io/luizalves/pen/NWxKbXQ

What is wrong here?

Alexander Shkirkov · Accepted Answer · 2020-06-01 12:28:57Z

4

According to your CodePen, it returns null only on first open.

The content of the component is loaded dynamically by default, only after the first opening of the v-dialog.

You could add eager prop to v-dialog element to force it.

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

answered Jun 1, 2020 at 12:28

3,8773 gold badges21 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1