ホームページ > 記事 > ウェブフロントエンド > vue $index エラー報告の問題を解決する方法
vue $index は、vue が元の $index と $key の使用法を削除し、インデックスとキーに変更したため、エラーを報告します。解決策は、$index と $key をインデックスとキーに変更することです。
このチュートリアルの動作環境: Windows 7 システム、Vue.js v2.5.16 バージョン、Dell G3 コンピューター。
おすすめ関連記事: vue.js
Vue.js v1.0.21 は、vue ループ配列で $index と $key を使用します。
Vue.js v2.5.16 の Vue は、データのループ、json オブジェクト データおよび arr 配列のループ時に $index と $key を使用すると、次のエラーを報告します。
結果として、vue は元の $index と $key の使用法を削除し、インデックスとキーに変更しました。
ここでは、値、キー、インデックスの順序に注意する必要があります。この順序でなければなりません。
コードは次のとおりです:
<script> window.onload = function () { new Vue({ el : "#app", data : { arr : ["apple", "pear", "banana", "watermelon", "strawberry"], json: {"a": "apple", "b":"pear", "c": "banana", "d": "watermelon"} }, methods : { add : function () { this.arr.push("pear"); } } }); } </script> <div id = "app"> <!-- 对象 : (值 , 键 , 序号), 顺序是固定的 --> <h2>json数据类型</h2> <ul v-for = "(value, key, index) in json"> <li> {{value}} ~ {{key}} ~ {{index}}</li> </ul> <!-- 数组 : (值 ,序号 ), 顺序是固定的 --> <h2>arr数组类型</h2> <ul v-for = "(value, index) in arr"> <li>{{value}} ~ {{index}}</li> </ul> </div>
以上がvue $index エラー報告の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。