v-cloakによるマスタッシュ表示対応
v-cloakによるマスタッシュ表示対応
マスタッシュとはvueの機能により変数を画面に表示する前に、ロード前の変数命そのものが出てしまう現象のことです。
ロード前のstyleを定義することで、本現象を回避することができます。
対応方法
サンプルとしては以下の通りです。
v-cloakを定義しているDOM要素はvueのロードが完了するまでv-cloakと紐づくスタイルが適応されます。
SoulImpact株式会社公式ブログ
ソフトウェアの開発/システム技術者の派遣/ITコンサルタント
0コメント