1.formatter  用来格式化内容  
 对table的值进行处理。Function(row, column, cellValue, index){}

  使用formatter需要注意以下几点:
  ①无论formatter出何种形式,格式化出的DOM一定都是被包含在默认的div标签内
  ②在写formatter函数时要保证有值返回,否则单元格没有内容可展示,所以if的时候别忘了else

  ③formatter函数不会作用在列属性checkbox为true的单元格上,checkbox列是组件预留的。

<template>
<el-table :data="tableData3" ref="multipleTable">
<el-table-column type="selection" width="" ></el-table-column>
<el-table-column type="index" label="序号" width=""></el-table-column>
<el-table-column prop="sex" label="性别" width="" :formatter="formatSex"></el-table-column>
<el-table-column prop="date" label="日期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="IsAudit" :formatter="formatterColumn" label="审核状态" ></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData3: [{
id:'',
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
IsAudit:,
sex:''
}, {
id:'',
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
IsAudit:,
sex:''
}, {
id:'',
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
IsAudit:,
sex:'-1'
}]
}
},
mounted() {
},
methods: {
formatSex: function (row, column, cellValue, index) {
return row.sex == ? '男' : row.sex == ? '女' : '未知';
},
//状态改成汉字
formatterColumn(row, column) {
switch(row.IsAudit){
case :
return '未通过';
break;
case :
return '审核通过';
break;
case :
return '待审核';
break;
case :
return '草稿';
break;
default:
return '未知';
}
}
}
}
</script>

这篇写的不错:https://blog.csdn.net/gao_xu_520/article/details/80049254

 

最新文章

  1. [Mechine Learning &amp; Algorithm] 集成学习方法——Bagging和 Boosting
  2. 如何区分Babel中的stage-0,stage-1,stage-2以及stage-3(一)
  3. 常用的JSTL函数
  4. 嵌套错误Inline markup blocks (@&lt;p&gt;Content&lt;/p&gt;) cannot be nested. Only one level of inline markup is allowed
  5. Multipath多路径冗余全解
  6. php 运行客户提交代码(攻击)和运行图片中的代码
  7. Oracle导入导出之dmp
  8. Android Loader详解四:回调及完整例子
  9. uri编解码
  10. 浏览器特性检测插件Feature.js
  11. vue子父组件通信
  12. Scrapy-多层爬取天堂图片网
  13. hibernate 增改查后对象的三种状态转换
  14. 简述openstack
  15. php 简单的学习GD库绘制图片并传回给前端实现方式
  16. Spring入门(1)
  17. word之论文摘要
  18. 一起学习Boost标准库--Boost.StringAlgorithms库
  19. 说说 Python 的变量以及简单数据类型
  20. 参考 - spring boot 静态变量注入值

热门文章

  1. C# 知识特性 Attribute
  2. PopupWindow底部弹出
  3. Ubuntu gcc缺失问题
  4. Atitit 为什么网络会有延时 电路交换与分组交换的区别
  5. 补充ICache
  6. A trip through the Graphics Pipeline 2011_02
  7. 【POJ3169 】Layout (认真的做差分约束)
  8. JS操作css的float属性的特殊写法
  9. 【转】Android中自动连接到指定SSID的Wi-Fi
  10. 阿里云的linux命令小结
  11. 【ASP.NET Web API教程】2.3.7 创建首页
  12. 转:【Java并发编程】之一:可重入内置锁
  13. linux远程控制
  14. 安卓开发过程中空指针的问题Java.lang.NullPointerException
  15. python之验证码识别 特征向量提取和余弦相似性比较
  16. DBUtils数据库连接池
  17. Django中一个项目使用多个数据库
  18. caffe matlab接口编译遇到的问题记录
  19. jQuery选择器--selector1,selector2,selectorN和ancestor descendant
  20. unity实现3D物体上的事件监听处理