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

前端之家收集整理的这篇文章主要介绍了解决vue组件中使用v-for出现告警问题及v for指令介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

Box v-if="roleShow" style="padding:15px; Box-sizing: border-Box;"> @H_403_2@ Box v-if="roleShow" style="padding:15px; Box-sizing: border-Box;"> @H_403_2@ 出现告警:component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info.

解决方法

代码中绑定key值,可解决,如:

Box v-if="roleShow" style="padding:15px; Box-sizing: border-Box;">

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

1.使用

<Meta charset="utf-8">
Box">

循环数组


循环出数组索引

  • {{k}}        

循环json

循环json的键

  • {{v}}

结果:

总结

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

原文链接:https://www.f2er.com/vue/35251.html

猜你在找的Vue相关文章