Definir valor padrão usando um array no v-model (vue.js)
 
                        Boa tarde Professor,
como faço para definir um valor padão no select, quando o v-model se trata de um array?
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.
 
                      no caso seria o v-model, vindo do array
 
                      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: ''
        }
    }
}
 
                      Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!