<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(); } },