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

本文地址: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~~~≥ω≤

感谢您的阅读及指正,让我们一起进步。
欢迎联系我交流:veinyin@gmail.com
作者:VeinYin
博客地址:https://www.cnblogs.com/veinyin/
如需转载请注明出处。
原文地址:https://www.cnblogs.com/veinyin/p/8534365.html