Vue 表格内容根据后台返回状态位填充文字

时间:2021-08-14 11:54:17

本文地址:http://www.cnblogs.com/veinyin/p/8534365.html 

Vue 做表格时我们常用的就是 v-for ,直接把 prop 绑定上去,但是如果表格内容需要我们进行一些转换的话,就需要用

el-table-column 单独设置了。(不知道有没有更优解)
直接上代码 
el-table-column(label='核对状态' align='center')
template(slot-scope='scope')
span {{scope.row.checkStatus === 0 ? '已核对' : '未核对'}}

  

这就可以根据返回的是 0 还是 1 填充进已核对和未核对

END~~~≥ω≤