1

eu tenho um formulário e gostaria que no campo (que é um select) retornasse (selecionado) o valor marcado anteriormente.

Ex: se meu selecionado for vazio, o select vai mostrar os valores normalmente (1, 2, 3, 4). Caso, ele possua valor, meu select mostrará todos os valores, porem irá vir com o valor 2 selecionado já.

<select v-model="item" style="height: 40px;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
 </select>


data(){
   return{
      item: ''
   }
},
mounted(){
   this.api()
},
methods: {
   api(){
      axios.get(url)
      .then(response => {
         this.item = response.data.select  
      }
   }
}
4
  • Podes explicar melhor o que queres dizer com "o valor marcado anteriormente"? Queres dizer que isso está na base de dados? ou gravado nalgum lado?
    – Sergio
    Commented 6/07/2017 às 13:41
  • @Sergio sim, isso é preenchido no item, ai caso venha da base marcado, ele preenche no item, se vir vazio da base, ele irá manter o item vazio. Commented 6/07/2017 às 14:07
  • Ok, e como passas os dados do servidor para o JavaScript?
    – Sergio
    Commented 6/07/2017 às 14:08
  • @Sergio Atualizei o codigo Commented 6/07/2017 às 14:12

1 Resposta 1

3

O ideal era teres essas option a serem geradas pelo template, assim é fácil verificar se a option a ser gerada é aquela que deve ser escolhida.

Algo assim:

<select v-model="item" style="height: 40px;">
    <option 
       v-for"option in options" 
       selected="{{option == item}}"
    >
    {{option}}
    </option>
</select>


data(){
   return{
      item: '',
      options: ['1', '2', '3', '4']
   }
},
7
  • Funcionou, valeu :D uma pergunta, você não tem nenhum Curso de JS por ai? ou livro? rsrs Abraços Commented 6/07/2017 às 14:56
  • @RafaelAugusto por aqui aprende-se muito, exato como tu fizeste :)
    – Sergio
    Commented 6/07/2017 às 14:58
  • Em teoria, o v-model no select devia dar conta de marcar o item atual.
    – bfavaretto
    Commented 6/07/2017 às 15:08
  • @bfavaretto será? mesmo que as "option" estejam por extenso?
    – Sergio
    Commented 6/07/2017 às 15:09
  • 1
    Eu acho que o problema deve estar na resposta da API. Mas precisaria ver o código real, acho que o exemplo da pergunta não é o real. A começar pela url que é usada mas não definida.
    – bfavaretto
    Commented 6/07/2017 às 15:16

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .