访问Vue.js中删除的元素

Question

我有：

<div v-if="page=='main'"  key="1">
   x
</div>

<div v-if="page=='about'"  key="2">
   y
</div>

<div v-if="page=='contact'"  key="3">
   z
</div>

然而，当第三个div（contact）可见时，我无法访问第一个或第二个div，因为那些dom完全被删除了。 如何访问其他div，当第三个可见时？

Answer 1

为什么不使用v-show？

v-if控制元素是否呈现。

v-show控制元素是否具有display:none css属性

Answer 2

VueJS与 Virtual Dom 配合使用，因为您编写VueJS代码，它会按原样呈现页面，就像v-if代码所允许的那样。

那些不受v-if影响的元素将被排除在渲染DOM之外，以使浏览器更有效。

您可以使用v-show，v-show仅切换元素的显示CSS属性。