引入:
import Clickoutside from "element-ui/src/utils/clickoutside";
声明指令:
export default {
directives: { Clickoutside },
data() {}
}
使用:
<div v-clickoutside="handleClose">
</div>
methods: {
handleClose() {
console.log('点击当前元素之外的元素执行的方法!')
},
}
使用场景:点击其他空白位置关闭自定义的下拉树形筛选框;