我有一个简单的复选框,带有用于标签槽的注入(inject)模板,如下所示:
<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>
当有人点击提到的标签时,我已经指定了一些行为。问题是盒子被用于其他工作。如何仅在单击复选框时勾选复选框,而忽略标签单击?是否可以?感谢您的帮助。
最佳答案
您还可以使用 Event.stopPropagation()在您的 changeOrder(event)
方法之上。
例子:
https://jsfiddle.net/4ya9gqps/
https://stackoverflow.com/questions/65003564/