Vue中key值的作用
出错缘由:
Vue
会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。
这样也不总是符合实际需求,所以 Vue 为你提供了一种方式来表达“这两个元素是完全独立的,不要复用它们”。只需添加一个具有唯一值的
key
属性即可。见
详情
# 错误代码
<!-- 代码块1 -->
<el-table-column label="授信申请状态" v-if="type">
<template slot-scope="scope">{{ scope.row.data2 | format }}</template>
</el-table-column>
<!-- 代码块2 -->
<el-table-column prop="data1" label="联系人手机" v-else></el-table-column>
1