vue中v-for 和v-if嵌套使用

Posted 2023-05-02

参考技术A <templatev-for="Oitem in Object.keys(cItem)"><el-inputtype="textarea":autosize=" minRows: 2, maxRows: 8":key="Oitem"v-if="Oitem !== 'title'"v-model="cItem[Oitem]"></el-input></template>

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

元素中使用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所在的元素中.