如果单击 v-checkbox,请不要展开 v-list-group
Posted
技术标签:
【中文标题】如果单击 v-checkbox,请不要展开 v-list-group【英文标题】:don't expand v-list-group if click on v-checkbox 【发布时间】:2022-01-05 09:51:06 【问题描述】:我有一个可扩展的 v-list-group
和一个 v-checkbox
,当我单击 v-checkbox 时,列表会切换。我想禁用此反应。有可能的?我的代码元素:
<v-list>
<v-list-group>
<template v-slot:activator>
<v-list-item-action>
<v-checkbox @click="fn()"/>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title/>
</v-list-item-content>
</template>
...
</v-list-group>
</v-list>
谢谢。
【问题讨论】:
【参考方案1】:尝试在 v-checkbox 上使用 click.stop
以停止点击事件传播。
【讨论】:
以上是关于如果单击 v-checkbox,请不要展开 v-list-group的主要内容,如果未能解决你的问题,请参考以下文章
如果使用 Vuetify 在 v-for 中使用 v-checkbox 进行其他条件