文章来源：https://www.toymoban.com/news/detail-522829.html
<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>文章来源地址https://www.toymoban.com/news/detail-522829.html
到了这里，关于使用element clickoutside自定义指令事件，点击元素外部触发（element-ui/src/utils/clickoutside）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
