HarmonyOS鸿蒙Next中Select组件参数options参数动态获取,没法正常绘制数据内容

HarmonyOS鸿蒙Next中Select组件参数options参数动态获取,没法正常绘制数据内容

Select组件参数options数组Array<SelectOption>是从接口获取,使用@State修饰,无法展示出数组内容

实现方法

[@State](/user/State) selectOption:SelectOption[] = new Array<SelectOption>()

Select(this.selectOption)
.selected(this.index)// 下拉菜单索引
.font({ size: 16, weight: 500 })
.optionWidth(70)
.fontColor('#182431')
.selectedOptionFont({ size: 16, weight: 400 })//设置下拉菜单选中项的文本样式
.optionFont({ size: 16, weight: 400 })//设置下拉菜单项的文本样式
.space(8)//设置下拉菜单项的文本样式
.arrowPosition(ArrowPosition.END)//设置下拉菜单项的文本与箭头之间的对齐方式。
.menuAlign(MenuAlignType.START, { dx: 0, dy: 0 })//设置下拉按钮与下拉菜单间的对齐方式。

aboutToAppear(){
this.getLevelListResult()
}

getLevelListResult(){
HttpStudy.getLevelList(this.aggregationPackage,
(courseGroup:LevelListResult[])=>{
this.selectOption=courseGroup.map(item=>{
return {
value: item.level
} as SelectOption
})
})
}

Select的下拉列表的数据没有展示。

直接在定义Select的时候写死数据,则可以展示
Select([{value:‘one’}, {value:‘two’}, {value: ‘threee’}])

如何动态设置Array<SelectOption>数组内容?


更多关于HarmonyOS鸿蒙Next中Select组件参数options参数动态获取,没法正常绘制数据内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS鸿蒙Next中Select组件参数options参数动态获取,没法正常绘制数据内容的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


optionWidth设置为200就可以了

回到顶部