vue中實現點擊當前元素之外的元素之執行此方法(clickoutside)

引入:

import Clickoutside from "element-ui/src/utils/clickoutside";

 聲明指令:

export default {
  directives: { Clickoutside },
  data() {}
}

使用:

 <div  v-clickoutside="handleClose">
 </div>
  methods: { 
    handleClose() {
       console.log('點擊當前元素之外的元素執行的方法!')
    },
}

使用場景:點擊其他空白位置關閉自定義的下拉樹形篩選框;

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章