event.target.blur() not working
<p>I have a series of Bootstrap buttons like this:</p>

<pre><code>&lt;button :disabled="page === lastPage" type="button" class="btn btn-default" @click="getPage(lastPage)"&gt;
    &lt;span class="glyphicon glyphicon-forward"&gt;&lt;/span&gt;
&lt;/button&gt;
</code></pre>

<p>But the first line of the getPage method does not work:</p>

<pre><code>event.target.blur();
</code></pre>

<p>Which is very strange, because I have another button in another component, on which event.taget.blur() works perfectly:</p>

<pre><code>&lt;button class="btn btn-default pull-right" @click="show()" type="button"&gt;Batch
    &lt;span :class="{'glyphicon glyphicon-chevron-down': showForm, 'glyphicon glyphicon-chevron-up': !showForm}"&gt;&lt;/span&gt;
&lt;/button&gt;
</code></pre>

<p>Does anyone know why this might be?</p>

<p>EDIT: I think it's when I click inside the SPAN that the blur doesn't work.</p>

<p>EDIT: oh well I solved it - I also need <code>event.target.parentNode.blur()</code> as well.</p>