程序地带

vue中element表格formatter属性的使用


vue中使用element ui时formatter的使用方法


formatter属性的使用

相信大家在使用element Ui时用到表格的情况还是比较多的,不知道大家有没有注意到它的formatter属性,废话不多说直接上例子


formatter
<el-table-column prop="sex" label="性别" width="150" align="center" :formatter="formatRole" />

下面就是对这个表格中formatter属性的值就行处理


formatRole(row, column) {
console.log('row',row)
if(row.sex== 0){
return '男'
}
if(row.sex==1){
return '女'
}
if(row.sex==2){
return '未知'
}
}

切记这个方法的书写是与data这些属性平级 。以上就是我的分享,如果有不对的地方,欢迎大家指正交流


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cxfh5/article/details/111246405

随机推荐

python-图像模糊操作

python-图像模糊操作

python-图像模糊操作一、均值模糊二、中值模糊三、高斯模糊四、双边滤波"""图像模糊:在尽量保留图像原有信息的情况下,过滤掉图像内部的噪声ope...

if shining 阅读(485)

复制

uniapp复制uni.setClipboardData({data:this.invite.invite_code,success:function(){uni.showToast({title:‘...

追梦feng 阅读(604)

如何根据key合并数组中的对象

原文地址如何根据key合并数组中的对象(已同步到npmlm-public-js中)项目中经常会遇到,array内包含object这个格式的json需要我们根据一个key去合并其中的对象,一般是id效率...

big0range 阅读(746)

webpack之require.context实现前端工程自动化

原文地址使用require.context实现前端工程自动化require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现...

big0range 阅读(431)

OPPOr9手机设置

一般都会给自由选择,如果它帮你默认了,在设置里面,其他设置,应用程序管理里面,选择你的文档默认打开的那个程序,点清楚...

qq_35620663 阅读(879)

canvas--总结二

canvas图形绘制矩形绘制rect(x,y,w,h)没有独立路径strokeRect(x,y,w,h)有独立路径,不影响别的绘制fillRect(x,y,w,h)有独立路径,不影响别的绘制clear...

小田的日常 阅读(415)

js常用方法封装

原文地址NPM地址使用方法相同url参数提取//提取url中的参数functionquery(url){if(!(urlinstanceofString))return{}url=url.split(...

big0range 阅读(881)