[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)

Definir valor padrão usando um array no v-model (vue.js)

Rafael Lins Souza
Criador Rafael Lins Souza 27/04/2020

Boa tarde Professor,

como faço para definir um valor padão no select, quando o v-model se trata de um array?

Manager Carlos Ferreira 27/04/2020

Olá, Rafael!
Tudo bem?

O select é povoado a partir de um array, certo?
Sem problemas:
<select v-model="itemSelected">
    <option value=""></option>
    <option
        v-for="(item, index) in items"
        :key="index"
        :value="item.id">{{ item.name }}</option>
</select>

Nesse exemplo o Vue.js vai fazer o two-way-databing com a propriedade itemSelected, o valor que estiver nela vai ficar "selected" nesse form.

Carlos Ferreira
Criador Rafael Lins Souza 27/04/2020

no caso seria o v-model, vindo do array

<select class="form-control" v-model="parcelasPagamento[index].situacaoPagamento">
Rafael Lins Souza
Manager Carlos Ferreira 27/04/2020

Não pode fazer o v-model do array.

No caso você precisa de outra propriedade para ligar ao form para saber exatamente qual o valor fazer o two-way-databind.

O array serve apenas para povoar (preecher o select):
<select v-model="form.item">
    <option value=""></option>
    <option
        v-for="(item, index) in items"
        :key="index"
        :value="item.id">{{ item.name }}</option>
</select>

#JS
data () {
    return {
        items: [
            // ...
        ],
        form: {
            item: ''
        }
    }
}

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

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!