为什么“v-if”指令在数据更改时不显示隐藏元素

Question

我正在使用 Vue 2。第一个渲染元素被隐藏时，当我单击 .mobile-trigger 时，我可以在 Vue-DevTools 中看到变量“mobileMenuIsOpen”如何更改为 true，但 .overlay 仍然不存在DOM。

.mobile-trigger(@click='mobileMenuIsOpen = true')

.overlay(v-if='mobileMenuIsOpen')

...

  data () {
    return {
      mobileMenuIsOpen: false
    }
  }

Answer 1

感谢所有阅读本文并在此问题中发表评论的人。 我忘了解释，我在这段代码中使用了 Pug(Jade)-preprocessor。 而且我还没有添加足够的代码来帮助你。

所以问题出在我放入组件根元素的“v-once”指令中。