I have a simple checkbox with injected template for the label slot, as shown below:
<v-checkbox
v-model="selectAllRequired"
class="not-so-isolated">
<template v-slot:label>
<button
@click="changeOrder">
<v-img
max-width="14"
class="image list-sort-icon"
:src="directionIcon" />
<span class="list-title">ROLA</span>
</button>
</template>
</v-checkbox>
I have specified some behavior when someone clicks on the mentioned label. The problem is that box is used for some other job. How to tick the checkbox only if the box was clicked, and ignore label-clicking? Is it possible? Thanks for any help.