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!