uni-app 中的uni-data-select
组件使用云端数据时,可以通过下面的方式设置 filed,这样就可以进行:
field="appid as value, name as text"
但是使用本地数据时,这个方法却无法生效。如果后端传来的数据名称不是:value 和 text,通过这个设置是无法正常显示数据的,那么如果后端不修改的话,我们就需要在前端对数据做下处理,达到 uni-data-select 本地数据设置 fileds 的效果。
其实思路很简单,就是将后端传来的数组使用 map 方法循环一下,生成一个符合格式要求的新数据即可。
this.majors = res.data.data.map(option => {
return {
value:option.id,
text:option.name,
}
})