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

52次阅读

共计 361 个字符,预计需要花费 1 分钟才能阅读完成。

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

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(){}

正文完
 0