NoErrorObjectAvailable Script error LWC

Question

Onchange of combobox value getting error in popUp However ,backend functionality is working as expected

MarkUp

<template>
  <div class="picklist-container">
      <lightning-combobox name="picklist" label={label} value={value} placeholder={placeholder} options={options}
          onchange={handleChange}></lightning-combobox>
  </div>
</template>

HandlerOnchange

    @api label;
    @api placeholder;
    @api options;
    @api value;
    @api context;
   

    handleChange(event) {

        console.log('value sent ftom drop down',event.target.value+''+this.context);
      
        //show the selected value on UI
        this.value = event.target.value;
         //
        const eventPick = new CustomEvent('picklistchanged', {
            bubbles : true,
            composed : true,
            cancelable : true,
            detail: {
                data : {
                    value : event.target.value,
                    context : this.context
                }
            }
        })
        this.dispatchEvent(eventPick);

           ```

Answer 1

EDIT

lightning:combobox value in event handler is not accessed like this: const changeValue = event.target.value;

change to this: const changeValue = event.detail.value;

Also, the below answer is still. You will need to do this if you want to set the local value.

---

this.value is an @api annotated property - hence it's read only.

If you try to set it, you'll get an error.

Try using a getter/setter to set your value, and actually write it to an internal _value variable.

set value(value) {
  this._value = value;
}
get value(){
  return this._value;
}

Then you will be able to set this._value in your event handler.