vue中如何实现三种状态的数据判断？

Question

<template>  <div
  v-for="(item, index) in formatInfo"
  :key="index"
  class="result-progressBox">
    <div class="result-progress">
      <div class="result-progresstName">{{item.state}}</div>
    </div>
  </div></template>

<script>
export default {
  data () {
    return {
      info: this.$store.state.IndexStore.Progress.cardSchedule //假设这里得到的格式就会上面的数组对象格式
    }
  }
  computed: {
    formatInfo () {
      this.info.map((current, index) => {
        switch (current.state) {
          case '0': current.state = '办理中'
            break
          case '1': current.state = '已办结'
            break
          case '2': current.state = '已中止'
            break
        }
      })
    }
  },
}
</script>

我从后台拿到一段数据，是一段数组对象，格式如下：

[{name: 'a', state: 0}, {name: 'b', state: 1}, {name: 'c', state: 2}]

我需要在循环中判断它的state来给定不同的文字提示
例如：
0------就是办理中
1------就是已结办
2------就是已中止

我这么写得不到我想要的效果，看不到‘办理中’等状态 只能渲染出来1 或者 0 或者 2### 问题描述

Answer 1

{{['办理中', '已办结', '已中止'][item.state]}}这样不就行了吗