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

 

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

 

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

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

  

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

 

 

END~~~≥ω≤

 

 

posted @   yuhui_yin  阅读(1354)  评论(0编辑  收藏  举报
编辑推荐:
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· 语音处理 开源项目 EchoSharp
· 《HelloGitHub》第 106 期
· Huawei LiteOS基于Cortex-M4 GD32F4平台移植
· mysql8.0无备份通过idb文件恢复数据过程、idb文件修复和tablespace id不一致处
点击右上角即可分享
微信分享提示