vue el-table把0和1改变为男和女

智鸿传播

于 2023-09-14 16:42:24 发布

阅读量748

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/leikunbo/article/details/132883754

版权

本文介绍了如何在Vue.js的表格组件中，使用`formatter`属性实现对学生性别数据的显示，通过`methods`对象定义一个函数，根据学生Sex字段值返回男或女

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table-column prop="studentSex" label="性别" :formatter="sex"></el-table-column>

然后就在vue的methods中写方法就可以了

methods: {
    sex(row,index){
        if(row.studentSex == 1){
            return '男';
        }else{
            return '女';
        }
    }
}

如果这个文章对您有用，或者您希望持续关注，也可以扫描下方微信订阅号二维码:
在这里插入图片描述