vue.js - 访问 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，例如当第三个 div 可见时？

Answer 1

使用v-show .

v-if 控制元素是否被渲染。

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