elementui Select组件默认选项问题

Question

背景：

项目基于vue + eleui，现在正在用ts重构。使用中遇到一个问题，代码如下：

html:

<el-select
    v-model="param.id"
>
    <el-option
      v-for="item in param.list"
      :key="item.id"
      :label="item.name"
      :value="item.id"
    />
</el-select>

js:

private param: {id: number, list: xxxx[]} = {
  id: 0,
  list: []
}

问题是list数组是动态获取的 存在为空的可能，此时id为0会导致select组件选择一个不存在的选项，如下：

但是如果把id赋值为空字符串""，ts类型检查的时候又会报warning，请问是否有更好的处理方式？

Answer 1

联合类型

id: number | string

Answer 2

private param: {id: number | string, list: xxxx[]} = {
  id: '',
  list: []
}

不知道这样写是不是可以

Answer 3

直接给id赋值undefined