Q&Aお世話になります。
今回、Vue.jsを勉強してみようと思い、ついでなので、エディタもVisualStudioCodeを使ってみることにしました。
（普段は秀丸を使ってプログラムを書いています）
YooutubeのVue.jsの入門動画を見ながら、サンプルを実際に書いているのですが、下記コードの中の「v-bind:class="error_class"」の「error_class」の部分がエラー認識されて「CSS class selector 'error_class' not found.」と表示されます。
動画上ではエラー扱いになっていないので、プラグイン不足か設定のせいだと思うのですが、教えていただけますでしょうか。
よろしくお願いいたします。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性の書き換え</title> <style> .error { color: red; } </style> </head> <body> <div id="app"> <p v-bind:class="error_class">エラーです</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script> var app = new Vue({ el: "#app", data: { error_class: "error" } }); </script> </body> </html>
回答2件
0
自己解決
大変申し訳ありません。
本日、パソコンを再起動して確認したらエラーじゃなくなっていました。
投稿2021/01/10 03:47
総合スコア14
0
js
1<p v-bind:class="[error_class]">エラーです</p>
配列指定にしたら解決しないでしょうか？
投稿2021/01/10 00:08
総合スコア629
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。