Clear Nuxt3 project. When i do “hard refresh” (cmd+shift+r) there are 3 states of form inputs: Empty, Autocompleted from browser, Empty. Example and code below:
HTML:
<code><form>
<input
v-model="formData.email"
type="email"
name="email"
autocomplete="email"
/>
<input
v-model="formData.password"
type="password"
name="password"
autocomplete="password"
/>
</form>
</code>
<code><form>
<input
v-model="formData.email"
type="email"
name="email"
autocomplete="email"
/>
<input
v-model="formData.password"
type="password"
name="password"
autocomplete="password"
/>
</form>
</code>
<form>
<input
v-model="formData.email"
type="email"
name="email"
autocomplete="email"
/>
<input
v-model="formData.password"
type="password"
name="password"
autocomplete="password"
/>
</form>
Script:
<code><script lang="ts">
const formData = reactive({
email: '',
password: ''
});
</script>
</code>
<code><script lang="ts">
const formData = reactive({
email: '',
password: ''
});
</script>
</code>
<script lang="ts">
const formData = reactive({
email: '',
password: ''
});
</script>
If i put form or inputs in tag it seem error is gone but i want to use some other solution please.
I expecting that every time i refresh a page autocomplete values will stay in inputs.
New contributor
Sklfcha is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.