I have a series of Bootstrap buttons like this:
<button :disabled="page === lastPage" type="button" class="btn btn-default" @click="getPage(lastPage)">
<span class="glyphicon glyphicon-forward"></span>
</button>
But the first line of the getPage method does not work:
event.target.blur();
Which is very strange, because I have another button in another component, on which event.taget.blur() works perfectly:
<button class="btn btn-default pull-right" @click="show()" type="button">Batch
<span :class="{'glyphicon glyphicon-chevron-down': showForm, 'glyphicon glyphicon-chevron-up': !showForm}"></span>
</button>
Does anyone know why this might be?
EDIT: I think it's when I click inside the SPAN that the blur doesn't work.
EDIT: oh well I solved it - I also need event.target.parentNode.blur()
as well.