Add keys to inputs to prevent Vue from re-using elements

This commit is contained in:
Patrick Smith 2018-08-10 14:31:26 -04:00
parent 8859ca238e
commit 7b01e5b8a3
2 changed files with 2 additions and 1 deletions

View File

@ -1,7 +1,7 @@
{% from "components/icon.html" import Icon %} {% from "components/icon.html" import Icon %}
{% macro OptionsInput(field, inline=False) -%} {% macro OptionsInput(field, inline=False) -%}
<optionsinput name='{{ field.name }}' inline-template> <optionsinput name='{{ field.name }}' inline-template key='{{ field.name }}'>
<div class='usa-input {% if field.errors %}usa-input--error{% endif %}'> <div class='usa-input {% if field.errors %}usa-input--error{% endif %}'>
<fieldset v-on:change="onInput" class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}"> <fieldset v-on:change="onInput" class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}">

View File

@ -6,6 +6,7 @@
validation='{{ validation }}' validation='{{ validation }}'
{% if field.data %}initial-value='{{ field.data }}'{% endif %} {% if field.data %}initial-value='{{ field.data }}'{% endif %}
{% if field.errors %}v-bind:initial-errors='{{ field.errors }}'{% endif %} {% if field.errors %}v-bind:initial-errors='{{ field.errors }}'{% endif %}
key='{{ field.name }}'
inline-template> inline-template>
<div <div