Esto se puede lograr utilizando la función de ranura del componente de tabla para pasar datos al método.
Sólo necesitas definir un método de conversión para renderizarlo al dom.
<el-table-column label="交易类型" prop="use_type">
<template slot-scope="{row}">
{
{ transformNum(row.use_type) }}
</template>
</el-table-column>
método transformarNum
Si el valor de retorno es 3, se entregará como pago del período...
transformNum(num){
switch (num) {
case 3:
return '账期支付'
case 4:
return '退款入账'
case 5:
return '账期还款'
}
},
el-table-column puede anidar directamente el enlace del enrutador usando slot-scope
<el-table>
<el-table-column label="订单" width="240">
<router-link
v-if="scope.row.order.order_sn"
tag="span"
:to="`${scope.row.order_id}`"
class="id"
slot-scope="scope"
>{
{scope.row.order}}</router-link>
<span v-else>无</span>
</el-table-column>
</el-table>
También se puede lograr utilizando pares clave-valor de objetos js para definir un objeto en la base de datos.
<view class="line line_3">
<view class="left">交易类型:<text>{
{propObj[item.use_type]}}</text></view>
</view>
propObj: {
3: '账期支付',
4: '退款入账',
5: '账期还款'
}
PD: ¡Los principiantes lo graban!