要素のテーブル コンポーネントは、バックエンドから返された数値に基づいてテキスト レコードにレンダリングされます。

これは、テーブル コンポーネントのスロット関数を使用してデータをメソッドに渡すことで実現できます。

変換メソッドを定義して DOM にレンダリングするだけで済みます。

<el-table-column label="交易类型" prop="use_type">

        <template slot-scope="{row}">

          {
   
   { transformNum(row.use_type) }}

        </template>

      </el-table-column>

transformNum メソッド

戻り値が 3 の場合、定期支払いとしてレンダリングされます。

 transformNum(num){
      switch (num) {
        case 3:
        return '账期支付'
        case 4:
        return '退款入账'
        case 5:
        return '账期还款'
      }
    },

el-table-column は、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>

これは、js オブジェクトのキーと値のペアを使用してデータベース内のオブジェクトを定義することによっても実現できます。

<view class="line line_3">
	<view class="left">交易类型：<text>{
   
   {propObj[item.use_type]}}</text></view>
</view>

propObj: {
		3: '账期支付',
		4: '退款入账',
		5: '账期还款'
}

ps: 初心者は録音してください！