I dont know if this can work bur try using async and await for example :
async callSubmit(){
await onSumit()
this.waitingForReponse = false
}

hey everyone , is there a way to use q-uploader for the camera button in the picture below?

hi everyone,
Does anyone have an idea about how to change the default color of the q-input border when it’s out of focus?
I already changed it when I focus on the q-input using color=“white” but I don’t know how to do it when I’m out of focus

thanks guys for the help, I implemented each type of tables separately as you said

I dont know if this can work bur try using async and await for example :
async callSubmit(){
await onSumit()
this.waitingForReponse = false
}

the problem is I don’t know how to iterate through the columns and rows if you know how please give me a snippet of the code

try this
console.log(‘Trying to Login’);
const object = {};
object[‘email’] = this.email;
object[‘password’] = this.password;
this.$store
.dispatch(‘auth/login’, object)
.then(() => {
this.waitingForResponse = true;
this.$router.push({ name: ‘Home’ });
})
.catch(error => {
this.$q.notify({
type: ‘negative’,
message: error
});
});
this.waitingForResponse = false;
}

@elC0mpa yes exactly , for example I want to pass all data from these 3 tables to one q-table and depending on the column I show the q-avatar or the q-rating

hello guys,
I’m having multiple tables so I decided to make pages and make a component for one table so that every page call the table component and pass to this component the columns and rows in the props array like this
<q-table

  :data="data"
  :columns="columns"
  row-key="ID"
  separator="cell"
  hide-bottom
  flat
  :pagination.sync="pagination"
/>

the problem is that some of the pages have fields like avatar or q-input in their table and with q-table like the code above I cannot make , I can only make it with code like this

<q-table

class="q-mt-lg"
  :data="data"
  :columns="columns"
  row-key="ID"
 separator="cell"
  :pagination.sync="pagination"
  hide-bottom
>
  <template v-slot:body="props"  >
    <q-tr :props="props"  >
      <q-td key="ID" :props="props" >
        {{ props.row.id }}
      </q-td>
      <q-td key="avatar" :props="props">
          <q-avatar>
            <img avatar src="/images/profile.svg">
          </q-avatar>
      </q-td>
      <q-td key="First Name" :props="props">
          {{ props.row.firstname }}
      </q-td>
      <q-td key="Last Name" :props="props">
          {{ props.row.lastname }}
      </q-td>
      <q-td key="Phone Number" :props="props">
          {{ props.row.phone }}
      </q-td>
    </q-tr>
  </template>
</q-table>

Is there a way that can make all tables(with avatar or with text) in a single component ?
in other words how can I loop through columns and make an if condition on column name to use q-avatar?

thank you it worked !!