Vue.js label for an input element inside loop : <p>How would you set up the input <code>id</code> and the label <code>for</code> on repeated input elements so they are unique, using Vue.js v2.</p>

<pre><code>&lt;section class="section" v-for="(section, i) in sections"&gt;

    &lt;div class="fields"&gt;
        &lt;fieldset&gt;
            &lt;input type="checkbox" id="" name="example-a" v-model="section.ex-a"&gt;
            &lt;label for=""&gt;Example A&lt;/label&gt;
        &lt;/fieldset&gt;
        &lt;fieldset&gt;
            &lt;label for=""&gt;Example B&lt;/label&gt;
            &lt;input type="text" id="" name="example-b" v-model="section.ex-b"&gt;
        &lt;/fieldset&gt;
        &lt;fieldset&gt;
            &lt;label for=""&gt;Example C&lt;/label&gt;
            &lt;input type="text" id="" name="example-c" v-model="section.ex-c"&gt;
        &lt;/fieldset&gt;
    &lt;/div&gt;

&lt;/section&gt;
</code></pre>

<p>I want to be able to click on the label element and have it select the input field.</p>
