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这些属性平级
。以上就是我的分享,如果有不对的地方,欢迎大家指正交流

Logo

前往低代码交流专区

更多推荐