el-table-column表格匹配字典数据
el-table-column表格匹配字典数据
·
根据字典值匹配 列的值 优点就是可维护性强 改完字典就会生效 如果写死需求变更难以维护
<el-table v-loading="loading" :data="processList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<!--类型匹配转换-->
<el-table-column label="类型" align="center" prop="type">
<template slot-scope="scope">
{{getChangeType(scope.row.type)}}<!--调用getChangeType方法-->
</template>
</el-table-column>
</el-table>
getChangeType(e) {
for (var i = 0; i < this.typeList.length; i++) {
if (this.typeList[i].value == e) { //value,label保持和上面定义一致
return this.typeList[i].label;
}
}
},
typeList是你从字典getdict获取的数组 根据对应的value 匹配对应的label
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)