如何摆脱这个{{用户.Id}}(花括号)在页面处于加载状态时使用

how to get rid of this {{ user.id }} (curly braces) in vuejs while a page is in loading state

本文关键字：于加载 加载 状态 何摆脱 用户 Id      更新时间：2023-09-26

我在我的项目中使用vuejs，并注意到当一个页面处于加载状态时，我看到像这样的东西{{ user.id }} {{ user.name }}这是非常烦人的。
页面完全加载后，我可以正常看到userId和user name。

如何停止显示这些花括号的vuejs在一个页面，而它是在加载状态?

为此目的构建了一个指令:v-cloak。http://vuejs.org/api/v-cloak

此指令将保留在元素上，直到相关的Vue实例完成编译。与CSS规则(如[v-cloak] { display: none })结合使用，该指令可以用来隐藏未编译的mustache绑定，直到Vue实例准备好。

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>
相关文章：