首页 > TAG信息列表 > clickOutside

element ui点击范围外，失焦或者关闭弹窗

v-clickoutside <div class="el-select" :class="[selectSize ? 'el-select--' + selectSize : '']" @click.stop="toggleMenu" v-clickoutside="handleClose"> ... </div import

使用element-ui的Clickoutside指令，解决点击其他div关闭自定义下拉树组件的下拉框

1）在组件中引入element-ui的Clickoutside指令 import Clickoutside from 'element-ui/src/utils/clickoutside' 2）在组件directives中写入指令Clickoutside @Component({ name: 'search-slide', directives: { Clickoutside }, }) 3）页面中使用指令v-clickoutside，代码如下： &

Vue 自定义点击指定div外触发指令:v-clickOutside

directive.js import Vue from 'vue' // 提交验证 Vue.directive('clickOutside', { // 初始化指令 bind(el, binding, vnode) { function clickHandler(e) { // 这里判断点击的元素是否是本身，是本身，则返回 if (el.contains(e.target)) { return fals