CODEWITHSUNDEEP
vue.jsvuetify.js
Luiz Alves
Luiz Alves

Reputation: 2645

Access dom element with vuejs and vuetify dialog

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?

Upvotes: 1

Views: 1092

Answers (1)

Alexander Shkirkov
Alexander Shkirkov

Reputation: 3857

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
>
...

Upvotes: 4

Related Questions