使用querySelector VueJS连接变量

Question

我试图在querySelector中将一个Vue变量与一个id连接起来，但由于某种原因，它并不针对任何元素。

我目前正在使用：

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

this.id只是一个字符串，不包含'#'，这就是为什么我在这里将它添加到querySelector中

我在DOM中的内容是：

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

Answer 1

你应该考虑使用'refs‘来直接选择一个DOM，而不是原生的javascript和CSS选择器。

例如this.$refs[this.id]

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