fix(forms): use expression form for conditional fieldError reset
Vue template attribute expressions don't allow if-statements; the short-circuit form (`x && (x = '')`) is the idiomatic equivalent and runs without a template compiler warning.
This commit is contained in:
parent
e5f1e9f95e
commit
5d4321612f
3 changed files with 4 additions and 4 deletions
|
|
@ -33,7 +33,7 @@
|
||||||
type="text"
|
type="text"
|
||||||
required
|
required
|
||||||
@blur="validateName"
|
@blur="validateName"
|
||||||
@input="if (fieldErrors.name) fieldErrors.name = ''"
|
@input="fieldErrors.name && (fieldErrors.name = '')"
|
||||||
>
|
>
|
||||||
<p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
|
<p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -129,7 +129,7 @@
|
||||||
type="text"
|
type="text"
|
||||||
required
|
required
|
||||||
@blur="validateName"
|
@blur="validateName"
|
||||||
@input="if (fieldErrors.name) fieldErrors.name = ''"
|
@input="fieldErrors.name && (fieldErrors.name = '')"
|
||||||
>
|
>
|
||||||
<p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
|
<p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -143,7 +143,7 @@
|
||||||
placeholder="you@example.com"
|
placeholder="you@example.com"
|
||||||
required
|
required
|
||||||
@blur="validateEmail"
|
@blur="validateEmail"
|
||||||
@input="if (fieldErrors.email) fieldErrors.email = ''"
|
@input="fieldErrors.email && (fieldErrors.email = '')"
|
||||||
>
|
>
|
||||||
<p v-if="fieldErrors.email" class="field-error">{{ fieldErrors.email }}</p>
|
<p v-if="fieldErrors.email" class="field-error">{{ fieldErrors.email }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -174,7 +174,7 @@
|
||||||
placeholder="you@example.com"
|
placeholder="you@example.com"
|
||||||
autofocus
|
autofocus
|
||||||
@blur="validateNewEmail"
|
@blur="validateNewEmail"
|
||||||
@input="if (fieldErrors.email) fieldErrors.email = ''"
|
@input="fieldErrors.email && (fieldErrors.email = '')"
|
||||||
@keydown.enter="handleUpdateEmail"
|
@keydown.enter="handleUpdateEmail"
|
||||||
@keydown.escape="cancelEmailEdit"
|
@keydown.escape="cancelEmailEdit"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue