vue.jsでテンプレートが一瞬表示されてしまう
vue.jsを使って管理ツールや監視ツールを作っていたが、ページを開いたときに一瞬Mustacheテンプレートが表示されていた。
今までは特に気にしていなかったが、なんとなく気になってしまったら、気になって仕方がない。
これを抑制したい。
スタイルシートに、
[v-cloak] {
display: none;
}
テンプレートを隠したいタグに、
{{ message }}
これで、
<div>が表示されなくなる。
ちなみに、これはVue.jsドキュメントのディレクティブのところに書かれていた。
もっと早く気がつけばよかった。
もう一度、ドキュメントを頭から眺めてみたい。
同じタグの記事
- html data-* 属性
- javascriptの配列操作
- jjs
- jQueryで部分一致検索
- jqueryのバージョンとprop()
- jrunscript
- Template Engine Mustache を使う
- Vue Routerを使ったサイトで404が発生
同じカテゴリの記事
コメントを残す