Q&A以下のhtml/js/cssで実装したのですがv-cloakが効いていないのか、1秒間{{ item }}が表示されてしまいます。
どこか記述が間違ってるかと思ったのですがわからずどなたかお助けください。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>Vue.js App</title> 6 <link href="main.css" rel="stylesheet"> 7</head> 8<body> 9 <div id="app"> 10 <ol> 11 <li v-for="item in list" v-cloak>{{ item }}</li> 12 </ol> 13 </div> 14 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> 15 <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.5/lodash.min.js"></script> 16 <script src="https://cdn.jsdelivr.net/npm/axios@0.17.1/dist/axios.min.js"></script> 17 <script src="main.js"></script> 18</body> 19</html>
javascript
1window.setTimeout(function() { 2 var app = new Vue({ 3 el: '#app', 4 data: { 5 list: ['りんご', 'ばなな', 'いちご'] 6 } 7 }) 8}, 1000);
css
1[v-cloak] { 2 display:none; 3}
回答1件
0
自己解決
大変申し訳ありません。
v-cloakの前が半角スペースでないのが原因でした。
御騒がしました。
投稿2018/09/06 04:10
総合スコア273
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。