el-dialog遮罩引起el-input无法输入的问题

327 阅读1分钟

BUG场景:

  • 点击查看详情时会走接口获取详情信息(图一)

  • 没查到会给一个提示信息(图二)

  • 开发时使用的是前端写死的数据,无论是否查询到都会展示详情弹框(图三)

  • 详情弹框弹出后,输入框无法聚焦,无法输入

image.png

图一

image.png

图二

image.png

图三

BUG分析:

  • 输入框无法聚焦,无法输入,一般是input框绑定的响应式属性丢失

  • 先按经验排查一次,属性没有丢失

  • 尝试不走接口,直接展示详情弹框,可正常聚焦,输入

  • 分析走接口和不走接口的区别

  • 因为是假数据,接口始终返回未查询到告警信息,会先出一个提示框,再出详情弹框

  • F12调试,将提示框隐藏掉,可正常聚焦,输入

  • 问题基本上定位到了,弹出框的问题

BUG总结:

  • 定位BUG的时候要相信自己

  • 一个方向定位不到BUG时,再换个方向定位