[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
André Cabral
Criador André Cabral 05/09/2019

Boa noite Carlos, achei um recurso para selectbox, o vue-select , porém não estou sabendo popular ele, poderia me dar uma ajuda?

https://vue-select.org

Gostaria de popular ele com essa bancos() a qual está populando através do v-for os selects nativos.

computed: {
    bancos() {
      return this.$store.state.bancos.items.data;
    }
  },
Manager Carlos Ferreira 05/09/2019

Olá, André!
Tudo bem?

Você pode fazer assim, usando recursos nativos do Vue;

Veja esse exemplo:
<select name="states" id="states" class="form-control"
    @change.prevent="getStates"
    v-model="formData.state">
    <option value="">Estados</option>
    <option value="" v-for="(state, index) in states" :key="index">
        {{ state.name }}
    </option>
</select>

O método getStates carrega os estados, com os filtros selecionados. E esse field faz o two-way data binding com a propriedade:
data () {
    return {
        formData: {
            state: '',
        }
    }
}

Carlos Ferreira
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!