2017-12-072017-12-07 投稿者: yamacoco

vue.jsでテンプレートが一瞬表示されてしまう

vue.jsでテンプレートが一瞬表示されてしまう

vue.jsを使って管理ツールや監視ツールを作っていたが、ページを開いたときに一瞬Mustacheテンプレートが表示されていた。
今までは特に気にしていなかったが、なんとなく気になってしまったら、気になって仕方がない。
これを抑制したい。

スタイルシートに、

1
2
3

[v-cloak] {
display: none;
}

テンプレートを隠したいタグに、

1
2
3

<div v-cloak>
{{ message }}
</div>

これで、

<div>が表示されなくなる。
ちなみに、これはVue.jsドキュメントのディレクティブのところに書かれていた。
もっと早く気がつけばよかった。
もう一度、ドキュメントを頭から眺めてみたい。

同じタグの記事

同じカテゴリの記事

コメントを残す