使用querySelector VueJS连接变量

Question

我正在尝试在querySelector中将一个带有ID的Vue变量连接起来，由于某种原因，它没有针对任何元素。

我当前正在使用：

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

您应该考虑使用“参考”直接选择一个DOM，而不是使用本机javascript和CSS选择器。

例如this.$refs[this.id]

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