Vue 下拉菜单

原文链接: https://juejin.im/post/5ac6d1e06fb9a028d2082cde

在做一个下拉菜单,如图所示,需要在鼠标移动(非点击)到上图1区域时显示下拉菜单,鼠标移出下图2区域的时候隐藏下拉菜单。

下拉菜单布局如下:

"tab-module" @mouseenter="showDropmenu()" @mouseleave="hideDropmenu()"> 手动组卷
"tab-dropdown" v-show='dropmenuActive'>
"link" @click="shiftPage(20)">按章节
"link" @click="shiftPage(21)">按知识点
复制代码

dropmenuActive是一个bool值用来控制下拉菜单的显示/隐藏。

你可能感兴趣的:(Vue 下拉菜单)