vue v-for不重复渲染


<p v-for="item in arr" >{{item}} - {{$index}}</p>    //vue1

如果 item 有重复的 元素  由于vue 渲染机理   不会重复渲染   导致问题

解决方案:

<p v-for="item in arr"  track-by="$index" >{{item}} - {{$index}}</p>   //vue1
<p   v-for="(item , index) in arr"  v-bind:key="index" >{{item}} - {{$index}}</p>   //vue2
 

 

 



添加唯一值

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM