please transfer a valid prop path to form item!
<el-table
:data="tableDataScore"
border
style="width: 100%" max-height="600">
<el-table-column
type="index"
label="序号"
width="50"
fixed
align="center">
</el-table-column>
<el-table-column
prop="itemName"
label="评审因素"
width="150"
fixed
show-overflow-tooltip
align="left">
</el-table-column>
<el-table-column
prop="itemDesc"
label="评审标准"
width="200"
fixed
show-overflow-tooltip
align="left">
</el-table-column>
<template v-for="(item,key) in tabScoreTitle" >
<el-table-column :prop="item.column_name"
width="200"
:label="item.column_comment"
:key="key"
align="center">
<template slot-scope="scope">
<!--<div @mouseenter="cellMouseEnter(scope)">-->
<el-tooltip style="height: 100%;width: 100%;" class="item" effect="light" :content="getCheckReason(scope)" placement="top-start" :disabled="getCheckReason2(scope)">
<el-switch
style="padding-left: 40%;"
v-model="scope.row[item.column_name]"
active-color="#13ce66"
active-value="合格"
inactive-value="不合格"
inactive-color="#ff4949"
:disabled="subStatus"
@change="changeStatusQualified(scope)">
</el-switch>
</el-tooltip>
</template>
</el-table-column>
</template>
</el-table>
参考GPT和自己的思路:这个错误提示是因为在 el-table-column 的 prop 属性中传入了无效的值。可以检查该值是否与数据源中的属性名匹配。
只要在两个表单上分别给一个不同的 key值 就不会报错啦
方法如下:
表单1
表单2
我知道错误的原因,但是目前这个数据没法改,只能页面上想办法处理,这个不是在表单form里而是表格table中
错误仍然存在,但不影响使用