vue中v-for 与 v-if 使用错误

Posted 2021-11-11 IT谷小白

元素中使用v-for：

开发工具：vscode

vue插件：Vetur

错误原因：

​ 一个Vetur代码检查插件爆出：Elements in iteration expect to have ‘v-bind:key’ directives错误警告

原因分析：

​

解决：在使用v-for的元素上绑定key。

v-for与v-if结合使用：

报错原因：同一元素使用v-for和v-of指令

问题解决：

​ 因为v-for的优先级比v-if高，可以将代码块包装到一个template（H5 标签）标签中，将绑定的kry加到v-if所在的元素中.