关于手动关闭多个el-popover的方法且不使用visible属性
1.在el-popover使用ref
1 2 3 4 5 6 | <el-popover ref = "motifyPopover" :width= "260" trigger= "click" popper- class = "modify-popover" /> |
2.声明motifyPopover
1 | const motifyPopover = ref<InstanceType< typeof ElPopover>>() |
3.(重点)使用el-popover的hide方法
1 2 3 4 5 6 7 | //因为motifyPopover.value是一个proxy类型 //proxy不能直接调用方法,需要使用Reflect.get方法 //使用motifyPopover.value数组里的proxy对象的hide方法隐藏弹出框 if (motifyPopover.value) { Reflect.get(motifyPopover.value[index], 'hide' ).call(motifyPopover.value[index]) //call方法的第一个参数是this指向,后面的参数是函数的参数 } //index是指向的第几个el-popover |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构