Cannot read properties of null bug解决方法

项目场景:

vue3+element plus+ts。


问题描述

本地运行没有任何错误,在生产环境中,当点击按钮,展示el-dialog时第一次正常,关闭时报错


原因分析:

定位到el-dialog组件,最初认为是dialog中table依赖的接口数据返回有问题,后发现不是,于是定位到组件本身。看到网上有说是因为dialog销毁失败的 要添加v-if 或者 destory-on-close设置为true,但是对于我们的项目都没用...后来定位到 是因为dialog中的table使用了插槽引发的报错 但是没办法不用插槽。。后来发现 是因为触发dialog的 span标签,用了style设置样式,把行间样式改成了scss样式就修复了 有点玄学。


相关推荐
你很易烊千玺2 小时前
JS 异步 从零讲(大白话 + 真实场景 + 可运行案例)
前端·javascript·vue.js
Lkstar7 小时前
Vue keep-alive 原理全解:LRU 缓存策略、源码级理解
前端·vue.js·面试
代码煮茶8 小时前
Vue3 埋点实战 | 从 0 搭建前端用户行为埋点系统
vue.js
鱼樱前端10 小时前
我做了一个不止有基础组件的 Vue 3 UI 库,还把 AI 组件也做进去了
前端·vue.js·ai编程
徐小夕11 小时前
面试官:AI生成到90%突然断了,你的解决方案是什么?(万字长文深度剖析)
前端·vue.js·算法
ljt272496066112 小时前
Vue笔记(六)--响应式
javascript·vue.js·笔记
天蓝色的鱼鱼13 小时前
尤雨溪亲自点赞!用 Vue 3 写原生 App,这个框架终于来了!
前端·vue.js
你听得到1114 小时前
从 Figma 走查到 AI 可验证产物:我如何重构客户端 UI 交付链路
前端·vue.js·flutter
卤蛋fg614 小时前
vxe-select 下拉框实现人员选择
vue.js
用户8417948145614 小时前
vxe-select 下拉框实现带单选框/复选框勾选功能
vue.js