如何从Vue.js中的querySelector中删除子类

Question

我有两个div块。类“一个”-父级，类“两个”-嵌套子级。在v-if上绑定的“ two”块。默认情况下，他的可见性= true。我可以使用按钮更改可见性，它可以正常工作。

但是现在我需要从块“ one”中获取当前的DOM。

我使用过的功能：

//it is only demo

this.twoBlockVisible = false;
this.userViewHTML = this.$el.querySelector('.one').innerHTML;

<!--it is only demo-->
<div class="one">
  <div class="two">
  <div>
<div>

它有效。

但是“两个”总是进入内部。我不知道为什么，如果他的visible = false。

你能告诉我，怎么了？或者我该如何编写querySelector，在没有孩子的情况下抓住父块？