解决vue组件中使用v-for出现告警问题及v for指令介绍

在项目中运行v-for代码段时，

 
   
    {{role.value}} 
   
 

  
    {{role.value}}
  
出现告警：component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

解决方法：

在代码中绑定key值，可解决，如：

 
   
    {{role.value}} 
   
 

PS：Vue2学习笔记:v-for指令

1.使用

  
  
  
  


  

    
循环数组
    

      

      {{a}}
      
    
    

    
循环出数组索引
    

      

      {{v}}==>{{k}}
　　　　　　　
    
    
循环json
    

      
{{item}}
    
    
循环json的键
    

      

      {{k}}==>{{v}}
      
    
  

结果：

总结

以上所述是小编给大家介绍的解决vue组件中使用v-for出现告警问题，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！