elementUI框架下修改状态为对应的汉字

<el-table-column prop="gender" label="性别要求" header-align="center" align="center">
    <template slot-scope="scope">
        <span>{{scope.row.gender==0?'男':scope.row.gender==1?'女':'不限'}}</span>
    </template>
</el-table-column>

1、修改状态为对应的汉字，并显示不同的颜色

<el-table-column prop="isBuyingTickets" label="代购票" header-align="center" align="center" width="100">
    <template slot-scope="scope">
        <el-link :underline="false" :type="scope.row.isBuyingTickets == '0' ? 'primary' : 'info'"
                 disable-transitions>
                     {{scope.row.isBuyingTickets=='0'?'需要购票': '不用购票'}}
        </el-link>
    </template>
</el-table-column>

2、CSS

<style scoped>
    .el-link{
        cursor: text;
    }
    a:focus, a:hover{
        text-decoration: none;
    }
</style>