Curso de VueJs - Formulário e validação - aula 02
[Concluído]
Criador
Jefferson Taborda
Olá Professor, boa tarde, porque na area onde deveria repetir o digitado no campo nome, repete apenas um caracter?Agradeço desde já. Abraço
<template> <div class="container"> <form> <input type="text" placeholder="Nome" v-model="userData.name"> {{ userData.name }} <hr> <input type="e-mail" placeholder="E-mail" v-model="userData.email"> <hr> <input type="number" placeholder="Idade"> <hr> <input type="radio" name="sex" value="M"> Masculino | <input type="radio" name="sex" value="F"> Feminino <hr> <select> <option value="">Selecione um Estado</option> <option value="RS">Rio Grande do Sul</option> <option value="SC">Santa Catarina</option> <option value="PR">Paraná</option> </select> <hr> <label for="agree">Aceito os termos de uso</label> <input type="checkbox" id="agree"> <hr> <textarea cols="30" rows="10"></textarea> <hr> <button type="submit">Enviar</button> </form> </div> </template> <script> export default { data () { return { userData: { name: '', email: '', age:'', sex:'', state: '' }, terms: true, description: '' } } } </script> <style scoped> .container{padding: 0 15%;} </style>
Manager
Carlos Ferreira
Olá, Jefferson!
Tudo bem?
Isso está retornando apenas o primeiro caractere?
{{ userData.name }}
Testei aqui exatamente o mesmo exemplo que me passou, e o v-model funcionou com sucesso.
Criador
Jefferson Taborda
Então, o problema era apenas no chrome, depois de muito me bater notei que o chrome tenta 'traduzir' qualquer pagina com o html lang="en", quando era feito a tradução o erro ocorria, deixando na opção de mostrar original não acontecia, então mudei para o html lang para "pt-br" e tudo funcionou corretamente.
Valeu!
Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!