The below does the trick for me …

emit-value
map-options

@Marco Thank you much!

Is there a way to catch a failed file addition. We need to notify user when they drop unsupported file format. Currently it simply do not add the file but not able show any error to the user.

Does anyone know of a way?

Duh … Got the first item fromthe q-table v-model lists.data[0]

When a new row is added to q-table (via socket.io) we need to high light the row. We do not have the newly added item id. So, how can we get the first row, so that we can select it.
Currently, using :selected.sync="selected" on click event to high light the row.

The below does the trick for me …

emit-value
map-options

Me toooooo

If an option is selected in q-select and if we press tab key to move the focus to the next element in the form, q-select selects the next option and then jumps focus to the next element.
So I’m unable to move on to next element without the q-select option getting changed

          <q-select
            label="Server"
            v-model="thisIp.selectServer"
            use-input
            hide-selected
            fill-input
            input-debounce="0"
            autofocus
            Xemit-value
            option-value="value"
            :options="this.selectServerList"
            @filter="filterSelectServer"
            :error="$v.thisIp.selectServer.$error"
            @blur="$v.thisIp.selectServer.$touch"
            error-message="Please select server"
            dense
            options-dense
            bottom-slots
          ></q-select>

Gone through the document but not able to find any option to prevent this behaviour.

@metalsadman can give a suggestion on this as unable to find whats causing this issue …

@metalsadman thank you for looking into this.

Please find the link to codepen https://codepen.io/Stuffy1/pen/QWWOVrq?

Awesome! @metalsadman you are a saviour every time I struggle with Quasar … Thank you so much!

               <q-item
                  v-for="plan in plans.data"
                  :data="plan"
                  :key="plan.id"
                  :active="thisOrder.planId==plan.id"
                  active-class="text-orange-10 mnu_active"
                  class="q-pb-md"
                >