如果单击 v-checkbox，请不要展开 v-list-group答案

【问题标题】：don't expand v-list-group if click on v-checkbox如果单击 v-checkbox，请不要展开 v-list-group
【发布时间】：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>

谢谢。

【问题讨论】：

标签： javascript node.js vue.js vue-component vuetify.js

【解决方案1】：

尝试在 v-checkbox 上使用 click.stop 以停止点击事件传播。

参考：https://v3.vuejs.org/api/directives.html#v-on
类似问题：Vutify list group make parent clickable

【讨论】：