Untitled

 <MultiSelect v-model="formData.delivery_order_id" :options="deliveryOrderByid" optionLabel="delivery_no"
                  optionValue="id" @change="getDeliveryorderdata(formData.delivery_order_id)" display="chip"
                  placeholder="Select Good Receive Numbers" class="w-full h-2/2 rounded-md" disabled />

// code for multiselect 


formData.value = {
      ...invoice,
      deliveryOrders: invoice.deliveryOrders.map(
        (item: any) => ({delivery_order_id: item.id,
      })), 
      SoLineItemMaterialInvoice: invoice.SoLineItemMaterialInvoice.map(
        (item: any) => ({
          actual_quantity: item.actual_qty,
          opo_order_qty: item.opo_order_qty,
          invoice_qty: item.invoice_qty,
          opo_order_discount: item.opo_order_discount,
          opo_order_uom:item.opo_order_uom,
          opo_order_unit_price: item.opo_order_unit_price,
          selectedTaxRateline: taxRatesData.find((rate: { id: any; }) => rate.id === item.inv_tax_rate_id) || null,
        })
      )
    };

// how we append data