vue中实现点击当前元素之外的元素之执行此方法(clickoutside)

引入:

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

 声明指令:

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

使用:

 
  methods: { 
    handleClose() {
       console.log('点击当前元素之外的元素执行的方法!')
    },
}

使用场景:点击其他空白位置关闭自定义的下拉树形筛选框;

vue中实现点击当前元素之外的元素之执行此方法(clickoutside)_第1张图片

 

 

你可能感兴趣的:(三,VUE学习,vue)