coderkey 2022-12-14 14:13 采纳率: 100%
浏览 46
已结题

关于#前端#的问题:后端返回字符串类型的多个数字,前端如何转化为对应的文字且用逗号隔开

问题

后端返回字符串类型的多个数字,前端如何转化为对应的文字且用逗号隔开?

代码
<template>
  <div class="home">
    <table class="pure-table pure-table-bordered">
      <thead>
        <tr>
          <th>#</th>
          <th>信息类型</th>
        </tr>
      </thead>

      <tbody v-for="(item, index) in typeData" :key="index">
        <tr>
          <td>{{ item.id }}</td>
          { item.enableTypes}} -->
          <td>{{ getTypeData(item.enableTypes) }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>
 // 假设是后端返回的数据
      typeData: [
        {
          enableTypes: "0,1",
          id: "100001",
          user: "张三",
        },
        {
          enableTypes: "1,2",
          id: "100002",
          user: "李四",
        },
        {
          enableTypes: "2,3",
          id: "100003",
          user: "王五",
        },
        {
          enableTypes: "0,3",
          id: "100004",
          user: "赵六",
        },
      ],
结果

不能转化为中文且逗号隔开

  • 写回答

4条回答 默认 最新

  • 2201_75796175 2022-12-15 10:49
    关注
    
    // 映射
          typeMap: [
            {
              value: "微信",
              type: 0,
            },
            {
              value: "QQ",
              type: 1,
            },
            {
              value: "邮箱",
              type: 2,
            },
            {
              value: "语音",
              type: 3,
            },
          ],
    // 计算属性
      computed: {
        getTypeData() {
          console.log(444);
          return (str) => {
            return String(str.split(",").map((item) => this.typeMap[item].value));
          };
        },
      }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 12月23日
  • 已采纳回答 12月15日
  • 创建了问题 12月14日

悬赏问题

  • ¥15 C++ /QT 内存权限的判断函数列举
  • ¥15 深度学习GFnet理解问题
  • ¥15 单细胞小提琴堆叠图代码
  • ¥80 LS dyna mpp并行报错
  • ¥50 升级strust2版本到2.3.15.1后使用ognl3.0.6.jar windows环境中没有问题,但部署到linux环境报错
  • ¥15 vue页面,node封装接口
  • ¥15 求TMS320F280039C工程模板!
  • ¥15 delphi+fastreport实现分组补空打印问题
  • ¥15 使用python把两台mysql数据库服务器数据导出和导入
  • ¥15 NodeBB论坛配置Apache Solr中文搜索引擎的详细教程