.html file
<template>
<lightning-combobox
name="SetDispo"
label="Set Disposition"
placeholder="Select dispo"
options={picklistOptionValues}
onchange={assignValue} ></lightning-combobox>
</template>
.JS File
import { LightningElement,api,track } from 'lwc';
export default class DispositionPicklist extends LightningElement {
@api valueString;
@api valueChosen;
@api picklistOptionValues = [];
connectedCallback()
{
var aV = this.valueString.split(',');
var arrayValues=aV.filter(obj=>obj)
for(var i = 0; i < arrayValues.length; i++)
{
this.picklistOptionValues.push(JSON.parse(JSON.stringify(arrayValues[i])));
}
this.sorting();
}
assignValue(event)
{
this.valueChosen = event.target.value;
console.log(this.valueChosen)
}
sorting(){
this.picklistOptionValues.sort();
}
}
Instead of using
"this.picklistOptionValues.push(JSON.parse(JSON.stringify(arrayValues[i])));"
Try the below code :
this.picklistOptionValues = [...this.picklistOptionValues, JSON.parse(JSON.stringify(arrayValues[i]))];
Also please make sure that the values you are entering are in Label-Value Key pair else try below code.
this.picklistOptionValues = [...this.picklistOptionValues,
{
label : JSON.parse(JSON.stringify(arrayValues[i])),
value : JSON.parse(JSON.stringify(arrayValues[i]))
}
]
Thank you!
Have a great Day.
