最近实现了一个功能:点击 el-tree 某一行,鼠标右键出现菜单,点击相应的菜单可进行对应的操作。
基础布局代码:
<div class="dev-type-main-left">
<!--鼠标右键菜单栏 -->
<div v-show="showRightMenu">
<ul id="menu"
class="right-menu">
<li class="menu-item"
@click="addDevHandle">
{
{
$t('common.add')}}
</li>
<li class="menu-item"
@click="editDevHandle">
{
{
$t('common.edit')}}
</li>
<li class="menu-item"
@click="delDevHandle"