<el-table :data="caseData" element-loading-text="给我一点时间" border fit highlight-current-row
style="width: 100%;margin-top: 10px" >
<el-table-column align="center"
v-for="(item,index) in caseTargetIdandscroeList"
:key="index" :property="index" :label="item.name" >
<template slot-scope="scope">
<span>{{scope.row[scope.column.property]}}</span>
</template>
</el-table-column>
</el-table>
报错信息:Invalid prop: type check failed for prop "property". Expected String with value "0", got Number with value 0.
百度翻译后得知,property是字符串类型,index是数值类型,需要转型。不转也能使用,但是本人强迫症,见不得红色提示信息,通过过滤器转型成功,代码如下:
<el-table :data="caseData" element-loading-text="给我一点时间" border fit highlight-current-row
style="width: 100%;margin-top: 10px" >
<el-table-column align="center"
v-for="(item,index) in caseTargetIdandscroeList"
:key="index" :property="index|indexInfo" :label="item.name" >
<template slot-scope="scope">
<span>{{scope.row[scope.column.property]}}</span>
</template>
</el-table-column>
</el-table>
filters: {
indexInfo: function (value) {
return value.toString();
}
},
本文解决了一个Vue项目中表格属性类型不匹配的问题,通过过滤器将数值类型的index转换为字符串类型,消除了IDE的警告信息。
16

被折叠的 条评论
为什么被折叠?



