vue 循環展示中字段轉義，一個字段對應轉義超過兩個，計算屬性傳參

• vue中列表循環，其中某字段需要轉意。
• 因爲該字段對應值不止兩個，所以無法使用三元運算符。
• 也沒有使用組件嵌套，所以需要在一個頁面完成數據查詢和處理兩個步驟。

經過嘗試得知

• vue中computed計算屬性無法直接進行傳參，在計算屬性中接受數據，打印出來的是vue實例
• 可以使用閉包函數（匿名函數）實現傳參

【未解決】爲什麼switch不生效

<template>
	<div>
	<div class="reportItem" v-for="item in data" v-bind:key="item.IDNo">
        <ul>
            <li class="item row_left">
              <div class="title">證件類型</div>
              <div class="cont" v-text="showIDType(item.IDType)"></div>
            </li>
        </ul>
      </div>
	</div>
</template>

export default {
  data() {
    return {
      data: [
      {
        userName: '張三',
        telephone: '16600001111',
        IDNo: '123456199001019988',
        IDType: '1'
      },
      {
        userName: '李四',
        telephone: '18811110000',
        IDNo: '123456199001019980',
        IDType: '2'
      }，
      {
        userName: '王五',
        telephone: '17711110000',
        IDNo: '123456199001019980',
        IDType: '3'
      }
    ]
    }
  },
  showIDType() {
      return function(type) {
        console.log(typeof type, type)
        if (type === '1') {
          console.log('身份證')
          return '身份證'
        } else if (type === '2') {
          return '軍官證'
        } else if (type === '3') {
          return '護照'
        }
        // switch (type) {
          // case 1:
            // console.log('身份證')
            // return '身份證'
          // case 2:
            // return '軍官證'
          // case 3:
            // return '護照'
        // }
      }
    }
 }