常用业务1019:表格内code英文字符转化为中文字符

表格内的code转化为中文字符常用的几种方法:
如下图所示
在这里插入图片描述

我要把表格的最后一列英文转为中文字符,转化规则为

codeItems: [
        { id: 1, code: 'share', content: '分享' },
        { id: 2, code: 'ask', content: '询问' },
      ], // 数据字典

方法1:像这种要转的类型比较少的,可以用枚举的方法,把所有情况都列出来,这里只有两种,如下:

// 插槽
    scopedSlots() {
      return {
        tab: val => {
          switch (val) {
            case 'ask':
              return [<span>询问</span>];
            case 'share':
              return [<span>分享</span>];
            default:
              return [<span>{val}</span>];
          }
        },
      };
    },

效果图如下:
在这里插入图片描述

如果转换的规则比较多的话,则推荐下面这种写法,会用到一个数组方法find,find方法会根据条件找到满足条件的数组的项,如果没找到会返回false,如下:

scopedSlots() {
      return {
        tab: val => {
          return this.codeItems.find(x => x.code === val) ? (
            <span>{this.codeItems.find(x => x.code === val)?.content}</span>
          ) : (
            <span>{val}</span>
          );
        },
      };
    },

这样的话就不用一个个去枚举出了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值