uni-app 组件 uni-data-select 本地数据设置 fileds 方法

admin 阅读:48 2024-02-29

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,
	}
})
声明

1、部分文章来源于网络,仅作为参考。
2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!