显示状态:把数字变为汉字

107 阅读1分钟

后端返回的数字

  • 后端返回的状态是数字,我希望让它显示为对应汉字名称;
  • 怎么让它一一对应替换下来;
  • 如果直接写字段,那么对应的就是数字,现在怎么把数字对应的汉字显示出来;
  • 后端返回的是数组包裹里面的对象;

image.png

前端处理的显示方式

  • 是在一个表格里面
<el-table-column prop="pickState" label="状态">
   <template slot-scope="scope">
	{{['待分拣','分拣中','待复核'][parseInt(scope.row.pickState)] }}
   </template>
</el-table-column>
  • 上面的理解方式为:
    • ['待分拣','分拣中','待复核']这是一个array数组;
    • [parseInt(scope.row.pickState)],这是一个整数,后端返回的是字符串形式的数字,转化为整数;
    • 相当于array[0],array[1],array[2],对应的就是'待分拣','分拣中','待复核',