Q&A
Vue.jsを用いた実装で、文字を表示させようとすると、下に添付した画像のように、日本語でない言語が反映されてしまい、困っています。
環境構築のファイル内では、
<html lang="ja">
と書き、日本語の設定をしています。
console.logで、ブラウザのコンソールから文字列を反映させた場合は、日本語で表記できたので、おそらくファイルの言語設定がちゃんとできていないのではないかと思うのですが、原因が分かりません。
どなたかご教授いただけると、幸いです。
宜しくお願いいたします。
試したこと
・コードの打ち間違いやスペルミスがないかどうか。
・環境構築.html / index.html / main.js と言う、3つのファイルで実装している最中です。
環境構築.html
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
###index.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="uft=8"> <title>Vue.js App</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> <ol> <li v-for="item in list">{{ item }}</li>> </ol> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script> <script src="main.js"></script> </body> </html>
###main.js
var app = new Vue({ el: '#app', data: { list:['いちご','バナナ','いちご'] } })
補足情報（FW/ツールのバージョンなど）
Vue.js 2.6.12
回答1件
0
ベストアンサー
打ち間違いがあると思います。
HTML
1<meta charset="utf-8"/>
投稿2021/03/14 07:14
総合スコア2076
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/14 09:36