关于vue中v-for的键值顺序
Posted liwids-blog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于vue中v-for的键值顺序相关的知识，希望对你有一定的参考价值。
在学习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>
则会出现如下结果：
希望该博客对你有帮助！
以上是关于关于vue中v-for的键值顺序的主要内容，如果未能解决你的问题，请参考以下文章