获取所有循环出来的el-popover,如果这个el-popover的索引值和当前弹出的索引值相同,则不关闭,否则关闭弹窗 在这里插入图片描述 这里使用了el-popover自带的方法doClose()。 在这里插入图片描述 上面这样会导致一个问题,就是点击页面的其他地方,弹窗不会消失,同样手动关闭。在页面的最外层加上点击事件。点击的时候手动...
解决方法:(两种) 1. popover内部嵌套popover的方法,在外层popover的内容上添加click事件(注意是否需要.native),用this.$refs.XXX.doClose()方法关闭,同时触发内部popover的reference,需要添加click事件阻止事件冒泡,两者缺一不可(不阻止事件冒泡,就会造成内部popover打不开--实际上是打开了又关掉了)(初始思路,我也看...
步骤一：引入el-popover组件。确保组件A中包含所需el-popover元素，并在其内部嵌套子组件B。
在首页引用弹框组件的时候没什么问题,在我的文档页面使用时点击外部弹出框没有自动隐藏。检查我的文档页面代码,发现使用了 e.stopPropagation() 阻止冒泡,阻止了 popover 外部点击的事件判断,去掉后外部点击事件就可以成功触发。 参考:项目中element-ui popover外部点击隐藏失效...
项目中使用到ele组件el-popover,页面上有不同类型的提示框,有些鼠标移上去显示,有些需要进入页面后就一直显示,且不会关闭。鼠标移上去显示好实现:直接trigger='hover'救可以了,但是进入页面就一直显示的我...
popover 在 mounted 钩子内初始化了trigger='click'的事件绑定,on(document, 'click', this.handleDocumentClick)这里绑定了 document 很可能就是阻止事件冒泡后不能触发外部点击隐藏的判断逻辑。// node_modules/element-ui/packages/popover/src/main.vue handleDocumentClick(e) { let reference = this.reference ...
下面就是解决办法: 上边已经绑定ref了,等会可以直接用ref,如果没绑定ref,现在绑定ref,绑定之后打印一下 console.log(this.$refs.popoverRef), 你会看到下面这些,里边有两个函数,这两个函数就是关闭弹框,显示弹框,如果你不想关闭, 在你操作的地方写下这行代码 ...
通过print-js打印出来的小票是乱码的,貌似是字符编码的问题,网上找过很多方案,基本上都是说字符编码格式的问题,或者直接用electron来实现的,请问大家对于前端热敏纸小票打印都是用的什么解决方案? 2 回答1.8k 阅读✓ 已解决 相似问题 element-ui里面Popover点击其他地方不关闭 1 回答9.8k 阅读✓ 已解决 element ...
我有个点击触发弹出框的事件,然后请求后台,后台发送给我一个图片地址,我在弹出框显示此图片,但是有时候后台这个地址没有,所以没有给我传值,我不需要让他弹出,所以就这样加了哥disabled<template slot-scope='scope'> <el-popover placement="left" width="150" trigger="click" class="showAcode" :disabled="...