vue 自定義指令 實現點擊下拉菜單外部區域關閉下拉菜單

我們來看下常見的下拉菜單: 這裏我們點擊菜單,下拉菜單就會顯示,點擊下拉菜單以外的區域就會隱藏。 這是一個簡單的例子: 這裏增加一個選項,就是當我們按下esc鍵的時候,下拉菜單也可以關閉。 先貼出代碼: <template> <div v-cloak v-clickoutside="outsideClose" class="dropmain"> <div @click="show =
相關文章
相關標籤/搜索