q-select vs select



  • I would like q-select to work like this:

    # code block
    <select v-model="form.theaters">
       <option v-for="theaters in theaterList" v-bind:value="theaters"> {{theaters.name}}</option>
    </select>
    

    where theaterList is a response from server like this:

    # code block
    this.theaterList = response.data
    

    Right now, I’m doing this:

    # code block
    <q-select v-model="form.theaters" :options="theaterList"/>
    

    where theaterList is a response from server like this:

    # code block
    this.theaterList = response.data.map(t => {
       return {
         label: t.name,
         value: t
       }
    })
    

    On the table row click I want to copy the table row values to form fields with this:

    # code block
    this.form = Object.assign([], row);
    

    When using plain select it works, but when using q-select it doesn’t. What is the difference and how to achieve the same functionality?

    Thanks