CODEWITHSUNDEEP
javascriptnode.jsvue.jsvue-componentvuetify.js
Yonier
Yonier

Reputation: 31

don't expand v-list-group if click on v-checkbox

I have an expandable v-list-group with a v-checkbox where when i click on the v-checkbox the list toggles. I want to disable this reaction. it is possible? my code element:

<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>

Thanks.

Upvotes: 1

Views: 1213

Answers (1)

netrules
netrules

Reputation: 86

Try using click.stop on the v-checkbox in order to stop click event propagation.

Upvotes: 2

Related Questions