vue使用element ui 表格el-table-column里面做判断
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
第一种:
效果:
第二种;
效果:
代码:
//第一种
<el-table-column prop="status"
label="样本状态"
width="180">
<template slot-scope="scope">
<span v-show="scope.row.status==1">已取样</span>
<span v-show="scope.row.status==2">实验室处理中</span>
<span v-show="scope.row.status==3">测序中</span>
<span v-show="scope.row.status==3">数据分析中</span>
<span v-show="scope.row.status==3">已完成</span>
</template>
</el-table-column>
//第二种
<el-table-column prop="type"
label="样本类型"
:formatter="sample">
<!-- <template slot-scope="scope">
<span v-show="scope.row.type==1">血液</span>
<span v-show="scope.row.type==2">尿液</span>
<span v-show="scope.row.type==3">唾液</span>
</template> -->
</el-table-column>
sample(row, column, cellValue) {
if (cellValue == '1') {
return '血液'
} else if (cellValue == '2') {
return '尿液'
} else {
return '唾液'
}
},
GitHub 加速计划 / eleme / element
8
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
8 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 8 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)