Vue.draggable: @click or v-on:click doesn't work in draggable element

[zhegwood]

I'm using and the drag/drop functionality is working great but I'm trying to capture a click event inside the draggable container and the click event is not being fired whether I use @click or v-on:click inside of the element.

<draggable class="audience-group include" :class="{'selected':current_index == index}" @end="dragStop" v-for="(inc,index) in includes" v-model="includes[index]" :options="{group:'audiences'}" @click="focusBuilderGroup('include',index)">

In this case, focusBuilderGroup will set the current_index to the container that was just clicked (adds the class of selected). This worked outside of the draggable element.

[David-Desmaisons]

Hello @zhegwood , You should use: v-on:click.native="focusBuilderGroup('include',index)"
Ref: https://vuejs.org/v2/guide/components.html#Using-v-on-with-Custom-Events

[zhegwood]

Excellent, thanks.

[semmel87]

I'm facing the same problem using Vue.Draggable v1. But I can't use the event modifier .navtive which was introduced in Vue 2. Is there a way to solve this?

[David-Desmaisons]

@semmel87 , I have no idea. Maybe you should post this question on vue.js forum as it is related to vue implementation and not this plugin.

[shishirraven]

Thank you so much @David-Desmaisons . This really saved my day.