Load select in vue.js

Question

How do I load a select in vue.js before it's visible. So right now I've this:

methods: {
    getTypes () {
      TypeService.showAll(1) 
            .then(({ data }) => ({
              types: data.types
          }));
    }
  }

Here I receive the types that will be visible in the select like this:

  <select v-model="ride.type" class="Radio__admin">
            <option disabled selected>Type?</option>
            <option v-for="type in types" v-bind:value="type.id">
   </select>

But when I say:

  init () {
    this.getTypes();
  }

I get the error:

main.js:16526 Uncaught ReferenceError: getTypes is not defined

How should I do this?

pkawiak · Accepted Answer · 2016-08-26 09:26:59Z

2

According to documentation methods are first accessible in created hook:

At this stage, the instance has finished processing the options which means the following have been set up: data observation, computed properties, methods, watch/event callbacks.

answered Aug 26, 2016 at 9:26

pkawiak

1,33912 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Load select in vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related