Vue.js v形斗篷不'；加载页面时不要隐藏组件_Vue.js_Vuejs2

Vue.js v形斗篷不'；加载页面时不要隐藏组件

vue.js vuejs2

Vue.js v形斗篷不'；加载页面时不要隐藏组件,vue.js,vuejs2,Vue.js,Vuejs2,我无法在我的应用程序中使用v-斗篷。正如您所看到的，组件在vue.js完成加载之前加载（在本例中，我点击了几次Reload以突出显示问题）我的实施： <body> <div id='myapp' v-cloak> } 到目前为止，我尝试的是：将样式移动到CSS的底部以防止意外覆盖添加！需要显示的重要信息：无以确保执行在问题中突出的组件中添加v-斗篷什么都不管用。有什么想法吗？我想你只是误解了：此指令将保留在元素上，直到关联的Vue实例完成编译这里重要的

我无法在我的应用程序中使用v-斗篷。正如您所看到的，组件在vue.js完成加载之前加载（在本例中，我点击了几次Reload以突出显示问题）

我的实施：

<body>
<div id='myapp' v-cloak>

}

到目前为止，我尝试的是：

将样式移动到CSS的底部以防止意外覆盖
添加！需要显示的重要信息：无以确保执行
在问题中突出的组件中添加v-斗篷

什么都不管用。有什么想法吗？

我想你只是误解了：

此指令将保留在元素上，直到关联的Vue实例完成编译

这里重要的一个词是编译，这意味着它只适用于在运行时编译的DOM模板。它与组件加载无关（例如一些要显示的数据）

如果您使用的是Vue 3，则有一个特殊的组件称为。在Vue 2中，您必须使用

v-if

或

v-show

…自行完成此操作，即根据数据是否已加载隐藏或显示组件。或者使用第三方解决方案，因为

您的代码是否只是一个示例，或者您是否向根vue实例添加了

v-clope

？如果是这样的话，它的行为很好，因为加载了根实例，这将触发

v-clope

以显示内容。您应该将v-clock移动到尽可能靠近您想要隐藏的内容的位置，问题是：如果我将v-clock直接放在某个组件的div中，放在根目录中，或者根本不实现它，那么加载行为没有区别。一切看起来都一样。就好像v斗篷被vue完全忽略了一样。我误解了v斗篷的工作方式。我必须在这里做更多的研究。感谢您提供有关vue承诺的提示。我来看看。谢谢

[v-cloak] {
display: none !important;
}