引入:

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

 声明指令:

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

使用:

 <div  v-clickoutside="handleClose">
 </div>
  methods: { 
    handleClose() {
       console.log('点击当前元素之外的元素执行的方法!')
    },
}

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

 

 

Logo

前往低代码交流专区

更多推荐