Open jirakitc opened 4 days ago
Nuxt
3.13.2
Sorry for Bad English
Im try to send data object in to function but data each row is not blinding with filter Step :
<script> const selectedUsers= ref([]) const q = ref(''); let users = [ {"id":1,"user_name":"UserA",}, {"id":2,"user_name":"UserB",}, {"id":3,"user_name":"UserC",}, ] const columns = [ { key: 'id', label: 'id', }, { key: 'user_name', label: 'user', }, ] const filteredUsers = computed(() =>{ if (!q.value) { return users }; return users.filter((line) => { return Object.values(line).some((value) =>{ return String(value).toLowerCase().includes(q.value.toLowerCase()); }) }) }); </script> <template> <UTable v-model="selectedUsers" :rows="filteredUsers"> <template #actions-data="{ row }"> <div class="flex gap-10"> <UButtonGroup size="sm" orientation="horizontal"> <UButton @click="() => console.log(row)"> Log Inside Group </UButton> </UButtonGroup> <UButton @click="() => console.log(row)"> Log Out Side Group </UButton> </div> </template> </UTable> </template>
Nuxt sends "UserA" data to the console instead of "UserC".
~~but when I remove v-model="selectedUsers" from Utable it send data correctly when click Log Out Side Group Its work correctly but when click Log Inside Group Its still sending wrong data
v-model="selectedUsers"
Log Out Side Group
Log Inside Group
No response
Sorry problem was solved!! the real problem has come from UButtonGroup not UTable
Environment
Is this bug related to Nuxt or Vue?
Nuxt
Version
3.13.2
Reproduction
Sorry for Bad English
Im try to send data object in to function but data each row is not blinding with filter Step :
Description
Nuxt sends "UserA" data to the console instead of "UserC".
~~but when I remove
v-model="selectedUsers"
from Utable it send data correctly when clickLog Out Side Group
Its work correctly but when clickLog Inside Group
Its still sending wrong dataAdditional context
No response
Logs