使用element clickoutside自定义指令事件，点击元素外部触发（element-ui/src/utils/clickoutside）

<template>
    <div class="a" v-clickoutside="clickoutside" @click="click"> </div>
</template>
<script>
import clickoutside from 'element-ui/src/utils/clickoutside'
export default {
    directives: { clickoutside },
    methods: {
        clickoutside() {
            console.log("clickoutside：", `点击了外面`)
        },
        click() {
            console.log("click", `点击了里面`)
        },
    }
};
</script>
<style lang="scss" scoped>
.a {
    width: 200px;
    height: 200px;
    background-color: black;
}
</style>