CODEWITHSUNDEEP
vue.jsstring-concatenation
tx291
tx291

Reputation: 1331

Concatenating variable with querySelector VueJS

I am trying to concatenate a Vue variable with an id in querySelector, and for some reason it is not targeting any element.

I am currently using:

document.querySelectorAll(".container:not(#`${this.id}`"));

this.id is just a string, and doesn't include the '#', which is why I am adding it to the querySelector here

What I have in the DOM is:

<div id="header-1" class="container">
.......
</div>
<div id="header-2" class="container">
.......
</div>
<div id="header-3" class="container">
.......
</div>

Upvotes: 0

Views: 453

Answers (1)

jimikara
jimikara

Reputation: 158

You should look at using 'refs' to select a DOM directly instead of native javascript and CSS selectors.

For example this.$refs[this.id]

https://v2.vuejs.org/v2/api/#ref

Upvotes: 1

Related Questions