vue.jsで出来るだけシンプルに書いたつもりですが、下記のコードがブラウザーによって動作が異なります。
<html lang="ja"> <head> <meta charset="utf-8"> <title>vue.js</title> <script src="https://unpkg.com/vue"></script> </head> <body> <div id="sample"> <div>{{count}}</div> <button v-on:click="click">click</button> </div> <script> var char = new Vue ({ el: "#sample", data: { /* Default Val */ count: 100 }, methods: { /* User Click*/ click(){ this.count = this.count - 1 } } }) </script> </body> </html>
ボタンをクリックすると数が減っていくだけのものですが、ChromeとFirefoxでは正常に動きますがIE11だと数字の表示部分が{{count}}とそのままの表示になります。
IEの開発者ツールでは
SCRIPT1003: ':' がありません。 ファイル: sample.html、行: 24、列: 10
と表示されいます。
実際に「:」を追加しても問題は解決しないのですが、上記のコーディングのどこに問題があるのかが分かりません。
vue.jsでのコーディング作法が間違っているんだと思いますが、IE11でもChromeやFirefoxでも動作するにはどの部分に問題があるのかご指摘いただけると助かります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/23 02:54
2017/12/23 05:59