关于vue.js:vue3使用elementplus中的自定义指令-clickOutside解决点击外部自动收起的需求

解决点击红色框框里面局部主动收起的需要

vue3.0中应用ClickOutside

1、从elemtn-plus中导入ClickOutside指令
import { ClickOutside as vClickOutside } from ‘element-plus’

2、从元素上绑定对应的指令
v-click-outside= “onClickOutside”

3、onClickOutside绑定对应的办法

vue2.0
1、导入指令
import { ClickOutside } from ‘element-plus’

2、映射该指令
directives:{

ClickOutside

}

3、在元素上绑定该指令
v-clickOutside=”handleClickOutside”

4、在函数中调用该办法
function handleClickOutside(){}