el-table-column prop中如何使用三目表达

最新推荐文章于 2024-07-26 14:03:04 发布

zyq668

最新推荐文章于 2024-07-26 14:03:04 发布

阅读量4.2k

点赞数 5

分类专栏： vue 文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_39776978/article/details/105788821

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

el-table-column prop中如何使用三目表达

创建一个过滤器即可，局部全局都行，例如：

filters:{
			groupTypeTrans:function(groupType){
				switch(groupType){
					case 0:
						return '单编组';
					case 1:
						return '联挂';
					default :
						return 'null';
				}
			}
		},

接下来这么引用

在这里插入代码片

            <el-table-column prop="groupType" label="编组类别" min-width="150" sortable>
				<template scope="scope">
					<div :style="scope.row.groupType">
						{{scope.row.groupType|groupTypeTrans}}
					</div>
				</template>
			</el-table-column>