在學習vue2.0時，關於處理v-for鍵值順序時發現的問題：
<body> <!-- 普通循環 --> <!-- {{num}} --> <!-- 列表循環 --> <div id="itany"> <ul> <!-- name,value對應的是value name 但是在顯示時則是name value --> <li v-for = "(name,value) in user">{{value}}-{{name}}</li> </ul> </div> </body> <script> window.onload = function(){ new Vue({ el:'#itany', data:{ num:[12,14,25,67], user:{ id:'red', age:'32', class:'2', } } }); } </script> </html>
不管是用
<li v-for = "(value,name) in user">{{name}}-{{value}}</li>
還是說用
<li v-for = "(name,value) in user">{{value}}-{{name}}</li>
所輸出的結果都是如下：
而使用
<li v-for = "(value,name) in user">{{value}}-{{name}}</li>
<li v-for = "(name,value) in user">{{name}}-{{value}}</li>
則會出現如下結果：
希望該博客對你有幫助！