elementui Select组件默认选项问题

• Z时代
• 2024-01-10
• 分类：技术分享

背景：

项目基于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，请问是否有更好的处理方式？

回答

联合类型

id: number | string

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

不知道这样写是不是可以

以上是 elementui Select组件默认选项问题 的全部内容， 来源链接： utcz.com/a/41241.html