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

Curso de VueJs - Formulário e validação - aula 02

[Concluído]

Jefferson Taborda
Criador Jefferson Taborda 19/03/2018

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 19/03/2018

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.

Carlos Ferreira
Criador Jefferson Taborda 19/03/2018

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!

Jefferson Taborda
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!