问题描述
我正在通过JS从apex检索一组值,我想在Lightning-comboBox中预选第一个选项(不同用户检索到的值不同)。我使用@track 变量并尝试使用connectedcallback 设置onLoad 值。下面是代码片段
HTML
<lightning-layout-item padding="around-small">
<lightning-comboBox
name="objPicklist"
label="Objects"
value={selectedobj}
options={objects}
onchange={displayObjRecords} >
</lightning-comboBox>
JS文件
@track selectedobj;
objects = [];
connectedCallback(event) {
optionList({
userID : this.currentUser,})
.then(result=>{
var i;
for(i = 0; i < result.length; i++){
const option = {
label : result[i],value : result[i]
};
this.objects = [...this.objects,option];
}
//SETTING UP THE VALUE HERE.
this.selectedobj = this.objects[0].value;
})
.catch(error => {
this.error = error;
console.log('Error : '+ JSON.stringify(this.error));
})
}
我想默认闪电组合框中检索到的第一个选项。我如何在 LWC 中做到这一点?
解决方法
这是我的版本,
这里似乎工作正常:
https://webcomponents.dev/edit/enWpiQZZx8jl1OlicDeH
我使对象属性具有反应性:
@track objects = [];