El componente de tabla del elemento se representa en un registro de texto según los números devueltos por el backend.

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!

Supongo que te gusta

Origin blog.csdn.net/m0_70373529/article/details/130621510
Recomendado
Clasificación