Invalid prop: type check failed for prop “name“. Expected String with value ““, got Number with ‘‘ “

1. 错误描述 ：
   
2. 错误原因 ：
   由于el-tabs中的属性name需要字符串类型，而后台传过来的是数字类型，导致类型不匹配，出现报错

<el-tabs
        v-model="orderIndex"
        type="card"
        closable
        @tab-remove="removeTab"
        @tab-click="addTab"
      >
        <el-tab-pane
          v-for="item in openOrder"
          :key="item.id"
          :label="item.name"
          :name="item.id"
        >
        </el-tab-pane>
      </el-tabs>

1. 解决办法 ：
   编写一个过滤器，将数值类型转换成字符串

<el-tabs
        v-model="orderIndex"
        type="card"
        closable
        @tab-remove="removeTab"
        @tab-click="addTab"
      >
        <el-tab-pane
          v-for="item in openOrder"
          :key="item.id"
          :label="item.name"
          :name="numToStr(item.id)"
        >
        </el-tab-pane>
      </el-tabs>

numToStr(num) {
      num = num.toString();
      return num;
    },