结构：<div class="wrap" v-contextmenu:contextmenu>

<v-contextmenu ref="contextmenu">

      <v-contextmenu-item ><i class="fa fa-search"></i>上插入</v-contextmenu-item><v-contextmenu-item><i class="fa fa-search"></i>下插入</v-contextmenu-item><v-contextmenu-item divider></v-contextmenu-item><v-contextmenu-item><i class="fa fa-search"></i>左插入</v-contextmenu-item><v-contextmenu-item><i class="fa fa-search"></i>右插入</v-contextmenu-item><div class="flag"><span><i class="fa fa-star"></i></span></div>
</v-contextmenu></div>

/*右键菜单样式*/
.v-contextmenu{padding: 18px 0 5px 0;
}
.v-contextmenu .flag{width: 31px;height: 30px;position: absolute;top: 0;left: 0;overflow: hidden;
}
.v-contextmenu .flag span{width: 65px;height: 24px;line-height: 33px;display: inline-block;text-align: center;transform: rotate(-40deg);background: #007fff;color: #fff;padding-right: 17px;position: relative;left: -20px;top: -14px;
}
.v-contextmenu .flag span i{color: #fff;
}
.v-contextmenu .v-contextmenu-item{width: 90px;height: 24px;
}
.v-contextmenu .v-contextmenu-item:hover{background: #f4f5f6;border-left: 3px solid #007FFF;color: #65778b;font-weight: 600;
}
.v-contextmenu .v-contextmenu-item:hover i{color: #65778b;
}
.v-contextmenu .v-contextmenu-item i{padding-right: 10px;
}

import contentmenu from 'v-contextmenu'
import 'v-contextmenu/dist/index.css'
Vue.use(contentmenu)<template><v-contextmenu ref="contextmenu"><v-contextmenu-item>菜单1</v-contextmenu-item><v-contextmenu-item>菜单2</v-contextmenu-item><v-contextmenu-item>菜单3</v-contextmenu-item></v-contextmenu><div v-contextmenu:contextmenu>右键点击此区域</div>
</template>说明：
指令 ：v-contextmenu:ref（v-contextmenu:contextmenu）

<v-contextmenu ref="contextmenu"><v-contextmenu-item>菜单</v-contextmenu-item> </v-contextmenu> <div v-contextmenu:contextmenu></div>