Using select option as condition, Vuejs and vuetify

Question

Hey there i'm trying to make a dropdown(v-select) change between two different things to show. In this example code the change is between two console.logs. When i run this code i need to pick one option two times before the method goes into the other statement. Why is this? And how can i fix this?

        <v-select
          v-model="category"
          :items="categories"
          item-text="text"
          item-value="value"
          single-line
          auto
          label="Filter"
          prepend-icon="search"
          @change="a();"
          >
        </v-select>


export default {
  data (){
    return {
      category: null,
      categories: [
        {
          value: 1,
          text: 'Arbete',
          selected: true
        },
        {  
          value: 2,
          text: 'Arbetare',
          selected: false
        }
      ]
     }

      },
      methods: {
        a (){

          if(this.category == 1){

           console.log("work  " + this.category)

        }else{
          console.log("labour  "+ this.category)
        }

      }
  }

tony19 · Accepted Answer · 2022-07-16 00:55:18Z

1

use $nextTick

methods: {
     a() {
         this.$nextTick(() => {
             if (this.category == 1) {
                 console.log("work  " + this.category)
             } else {
                 console.log("labour  " + this.category)
             }
         })
     },
  }

edited Jul 16, 2022 at 0:55

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Feb 20, 2018 at 9:29

Traxo

19.1k5 gold badges78 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Johannes Kraft Over a year ago

This works! Thanks alot! I guess i need to read more on the nextTick function!

Collectives™ on Stack Overflow

Using select option as condition, Vuejs and vuetify

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related