自定义指令 v-clickoutside 使用方法

 

引入

import Clickoutside from 'element-ui/src/utils/clickoutside'

声明

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

使用

<div v-clickoutside="handleClickOutside"></div>

methods: {
    // 点击区域外
    handleClickOutside() {}
}