[element-plus] ClickOutside点击其他地方
<div class="smallDom" v-click-outside="outsideClick">里面</div>import { ClickOutside as vClickOutside } from "element-plus";const outsideClick = (e) => {console.log('点击的是其他的元素,不是自身')
}
添加一个忽略DOM
<div id="test"><div id="bigDom"><div class="smallDom" v-click-outside:[ignoreDom]="outsideClick">里面</div><div class="smallDom" ref="ignoreDom"></div></div>
</div>import { ClickOutside as vClickOutside } from "element-plus";
import { ref } from "vue";
var ignoreDom = ref()
const outsideClick = (e) => {console.log('点击的是其他的元素,不是自身')
}
参考:
基于Element Plus的vClickOutside点击其他的地方关闭弹窗,并且添加多个忽略DOM元素