vue.js - v-cloak在vue.js中不起作用？

我的页面上有一个div，用于显示错误消息。当我刷新页面时，它将显示一段时间，然后消失。我添加了v-cloak，但是它不起作用。

这是代码，showErrorMsg为false

<div v-cloak v-show="showErrorMsg" style="z-index:100" class="h5_tips tips_error">
  <a href="#" v-on:click="showErrorMsg = false" class="del"><i>&#xe906;</i></a>
  <p v-text="errorMsg"></p>
</div>

如何解决这个问题？

最佳答案

只需将此代码包含到您的css文件中

[v-cloak] { display:none; }

http://vuejs.org/api/#v-cloak

用法示例:

<div class="xpto" v-cloak>
    Hello
</div>

http://vuejs.org/api/#v-cloak

关于vue.js - v-cloak在vue.js中不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34870926/