Vue JS and model binding in tables
<p>why is it not possible to bind a model via v-model within a table like this:</p>

<pre><code>&lt;table class="table"&gt;
    &lt;thead&gt;
    &lt;th&gt;Select&lt;/th&gt;
    &lt;th&gt;Responder ID&lt;/th&gt;
    &lt;th&gt;Heading 2&lt;/th&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr v-for="responder in responders"&gt;
            &lt;td v-model="selected" @click="selectResponder(responder)"&gt;&lt;span class="glyphicon glyphicon-bullhorn"&gt;&lt;/span&gt;&lt;/td&gt;
            &lt;td&gt;@{{ responder.userReference }}&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I want to achieve, that when the user clicks a glyphicon in a table row, the selected element is bind to the variable in my javascript.</p>