vue2.0如何解决element的table组件里的prop问题,怎么实现当prop的值不同是显示不同的状态?

新手上路,请多包涵

图片描述

图片描述

第一张图是页面显示,第二张图是代码,我想实现当taxstatus值是0的时候显示未报税,1的时候显示已报税,可是这element的这个框架里面不知道该怎么实现,求各路大神帮忙,谢谢!

阅读 12k
4 个回答

tempalte

 <el-table-column prop="taxStatus" label="报税状况" :formatter="judge" show-overflow-tooltip></el-table-column>

methods

methods: {
    judge(data){
        //taxStatus 布尔值
        return data.taxStatus ? '已报税' : '未报税'
    }
}
新手上路,请多包涵

<template scope="scope">

<span v-if="scope.row.taxStatus === 0">已报税</span>
<span v-else>未报税</span>

</template>

新手上路,请多包涵

{{scope.row.taxStatus === 0 ? "已报税" : "未报税"}}

推荐问题