vue3+ts 实现枚举

首先 index.ts 中定义枚举

export const fruit=  [{key:1,name:'苹果',},{key:11,name:'草莓'},{key:5,name:'香蕉',},{key:51,name:'葡萄',},{key:6,name:'橙子'},{key:7,name:'哈密瓜'},{key:10,name:'西瓜'},
]; 

接口返给的数据是一个对象

feeMap{
1：200，
2：100
}

const demand = reactive([])
fruit.forEach(item=>{ for (let key in  feeMap.value) {if (item.key == key as any) {item.value = feeMap.value[key]}else if(item.value == "" || item.value== undefined){item.value = "--"}else{}}})demand.push(...fruit)