在Vue 中使用 Element UI 的 el-popover 组件,并设置 trigger 属性为 manual 来手动控制弹出框的显示和隐藏时,如果你想在点击其他空白区域时关闭 el-popover,可以按照以下步骤来实现: 理解el-popover 组件及 manual 属性的作用: el-popover 是Element UI 提供的弹出层组件。 当trigger 属性设置为 manual 时,弹...
1、先选中再点击确认来渲染表头,所以就需要使用到el-popover 的自定义关闭/打开方式。2、这个我们就需要使用到el-popover的两个属性:trigger触发方式,设置为自定义触发manual; v-model状态是否可见,默认设为false不可见。3、 当触发openDown时,将v-model的状态修改.4、在el-popover操作完成后,点击...
el-popover默认的trigger方式为click,点击内部的按钮插槽显示气泡,点击非焦点区域消失。 有些交互场景需要点击按钮显示,点击气泡的关闭气泡消失。 <el-popover:ref="'pop' + level + index"placement="right"width="400"trigger="manual">closePop(index){letref='pop'+this.level+index;this.$refs[ref][0].d...