el-table-column prop使用三元运算符

爬楼梯的小新

已于 2022-09-02 17:45:53 修改

阅读量1.8k

点赞数 1

分类专栏： element-ui 文章标签： vue

于 2022-08-27 14:51:00 首次发布

原文链接：https://blog.csdn.net/a772116804/article/details/113615397?ops_request_misc=&request_id=&biz_id=102&utm_term=prop%E4%BD%BF%E7%94%A8%E4%B8%89%E5%85%83%E8%A1%A8%E8%BE%BE%E5%BC%8F&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default

版权

element-ui 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

原地址：

el-table-column prop使用三元运算符

之前采用动态prop的方式发现不起作用（傻der）

使用模版插槽的时候就不用prop

        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="nickName" label="姓名3" align="center"> </el-table-column>
          <el-table-column prop="formOfEmployment" label="用工性质" align="center">
          </el-table-column>
          <el-table-column  label="性别" width="50px" align="center">
            <template slot-scope="scope">
              {{scope.row.sex == 0 ?'男' :'女'}}
            </template>
          </el-table-column>
        </el-table>