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.

Is it possible to create 10 checkboxes and giving a ‘select all’ checkbox to select all boxes? If yes how to do this?

I am using a button which will appear only in mobile view. <q-btn class="mobile-only" flat @click="$refs.layout.toggleLeft()"> <q-icon name="menu" /> </q-btn>
But the problem is when I make the page in mobile view, the button is not visible. and when it is refreshed, the button will appear.
And the same thing is happening with ‘desktop-only’, ‘desktop-hide’ and ‘mobile-only’, ‘mobile-hide’

Hi, I am using data table component in Quasar. I am able to view table and it’s awesome.
Now I need to click on a row cell and make it editable input text field, and after pressing ‘Enter’ button I need to save data there itself.
How to proceed further? please help me.

I have used
<div class=“button content-center”>
<button class=“btn btn-primary btn-block primary content-center” type=“submit”>Login</button>
</div>
inside a card. But both content-center and text-center are not working. How to make button position in center?