vue contextmenu
npm install vue-contextmenu
style="width: 100px;height: 100px;margin-top: 20px;background: red;">
@newdata="newdata">
$3
`
@contextmenu="showMenu(index)"
style="width: 100px;height: 100px;margin-top: 20px;background: red;"
v-for="(n, index) in 4"
:key="n"
>
:transferIndex="transferIndex"
@Handler1="Handler_A(index)"
@Handler2="Handler_B(index)"
@Handler3="Handler_C(index)"
@Handler4="Handler_D(index)"
@Handler5="Handler_E(index)"
>
$3
use font Awesome,also you can use other UI components icon,for example elementUI.And add the icon class to "icoName". if you set like (icoName: 'el-icon-delete'), that will be add a "Trash" to your page.
you can add the style file into html like this:
`
`
also if you use like elementUI, maybe you can use by
`
import 'element-ui/lib/theme-chalk/index.css';
``