素材巴巴 > 程序开发 >

Vue 使用elementUI 使用select下拉框和日期框,点击空白处下拉框和日期框不消失

程序开发 2023-09-06 07:34:30

前言


一、是什么原因造成的?

项目中使用了canvas图形,canvas会影响事件冒泡,导致点击空白区域事件无法向上执行,日期框和下拉框也就无法失焦。

二、解决方案

  1. 通过样式 css pointer-events:none 实现事件穿透,保留canvas事件
  2. 通过vue 中自 ref 获取dom节点
    在这里插入图片描述
    在这里插入图片描述

总结

办法总会有的,只是需要的时间不同,每个人都能通过自己的发现,去完成我们认为难的事儿。
在此记录我这几天被坑的经验,哈哈哈


标签:

上一篇: WebLogic9 详解配置 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。