vue-mouse-menu, will it work with vuetify table?

[naveenkumarmark]

HI, I have imported vue-mouse-menu in my project.
I am using Vuetity to design my page. I want to use the vue-mouse-menu with Vuetify table.
I tried but nothing works.
is this plugin vue-mouse-menu will work with Vuetify table?
This is the sample code I have tried.

<v-data-table v-model="selected" :headers="headers" :items="userList" :single-select="singleSelect" item-key="name" show-select class="elevation-1" @mousedown="popMenu($event)" > </v-data-table>

[zgj233]

If you've import 'vue-mouse-menu' right, you could use it in v-data-table like this:

<v-data-table v-model="selected" :headers="headers" :items="userList"
 :single-select="singleSelect" item-key="name" show-select class="elevation-1" 
@mousedown.native="popMenu($event)" > 
</v-data-table>

just add native keyword behind @mousedown

[naveenkumarmark]

Thanks ZGJ for your response. It works now.
But the problem is, The mouse option is available all over the table.
If I right click on the header or footer of the table it pops up.
I just want the pop up to appear only when I click on the row.