The below does the trick for me …
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.
:selected.sync="selected" on click event to high light the row.
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" >