ruby-on-rails - Vuejs 代码在切换页面时，在加载新页面之前一瞥显示花括号

Question

我知道 v-cloak 用于在加载新页面时不显示任何内容。

在我的 rails 应用程序中，当我尝试切换页面时(我在 Rails View 中使用 vue 组件)，在加载另一个新页面之前，有一小段显示花括号的 Vuejs 代码。我完全困惑，不确定这是否与 turbolink 相关，因为在浏览器控制台或 rails git 日志中没有发现错误消息。

Vuejs 在加载另一个页面之前显示花括号的简短一瞥，真的很烦人，有人可以帮忙吗？

Answer 1

v-cloak 用于执行此操作。

official API :

[v-cloak] {
  display: none;
}
<div v-cloak>
  {{ message }}
</div>

提示:在@import加载的css文件中写入[v-cloak]不能解决这个问题。
另一种方式:围绕目标标签。