el-table-column返回不同prop属性值,v-if不起作用

沈旻
2023-12-01

本人在开发小程序的时候,发现 一般情况下 是通过以下代码来进行 表格的属性赋值

prop: 获取后台传递的对象的属性 ,label表示表格列名,得到的就是显示gmtCreate的值

<el-table-column prop="gmtCreate" label="支付时间" width="160"/>

但是这种情况下是没有办法通过wx:if来判断属性值的变化,修改不同的显示的值,如下是错误的

<el-table-column prop="gmtCreate" label="支付时间" width="160" v-if="{{prop==2}}"/>

经过一番折腾:

应该使用:formatter这个东西来显示不同的表格值

<el-table-column label="是否发货" width="200" align="center" prop="orderStatus" :formatter="stateFormat">

</el-table-column>

对应的函数

        stateFormat(row, column) {

            if (row.orderStatus === '0') {

                return '未发货'

            } else if(row.orderStatus === '1'){

                return '已发货'

            } else{

                return '退款中'

            }

        },

即可解决问题        记得给我点赞 

 类似资料: