在 Combobox onload LWC 中默认动态值答案

【问题标题】：Default a dynamic value in Combobox onload LWC在 Combobox onload LWC 中默认动态值
【发布时间】：2020-12-22 10:58:52
【问题描述】：

我正在通过JS从apex检索一组值，我想预先选择Lightning-combobox中的第一个选项（不同用户检索到的值不同）。我使用了@track 变量并尝试使用connectedcallback 设置onLoad 的值。下面是代码sn-p

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 中做到这一点？

【问题讨论】：

您遇到错误了吗？
@AbrahamLabkovsky 不，值只是没有填充。
@PragadeeshDharshaV 您的实现是正确的，它应该可以工作，如果它不起作用，那么我可以假设 optionList() 没有返回任何内容，请尝试调试它。另外，在访问响应数组的第一个元素之前添加一个空值和长度检查

标签： javascript salesforce salesforce-lightning lwc

【解决方案1】：

这是我的版本，

这里似乎运行良好：

https://webcomponents.dev/edit/enWpiQZZx8jl1OlicDeH

我使对象属性反应：

  @track objects = [];

【讨论】：