How to edit the multiple selected options in <q-select>, while selected option displayed is from the backend data?

[Darshan S]

I want to edit the particular row in the data table. On click of any row, a modal ( <q-modal> ) will appear inside which a q-select element is there, which shows the multiple pre-selected values with respect to the backend data. I am able to show the previously selected items in the q-select , but not able to edit it. If I try to select other option in q-select then an error is shown:

Uncaught TypeError: model.push is not a function

my Template:
<q-select multiple inverted color="dark" stack-label="Roles" separator v-model="multipleSelect" v-bind:options="options1" />
Please guide me to proceed further.

[gilbertro]

Darshan, were you able to solve this problem ?

[ChrisO]

Posting a solution for this issue in case anyone ran into it like I did, and stumbled on this post. In my case the problem was created by declaring the model field as an empty string. Declaring it as either “null” (as per the Quasar documentation) or an empty array fixes the issue.