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样式就修复了 有点玄学。


相关推荐
牛奶8 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶8 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
pe7er8 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
_AaronWong19 小时前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js
wuhen_n20 小时前
双端 Diff 算法详解
前端·javascript·vue.js
爱勇宝21 小时前
别再混用了!import.meta.env 与 process.env 的本质差异一次讲透
前端·javascript·vue.js
从文处安2 天前
「九九八十一难」组合式函数到底有什么用?
前端·vue.js
用户11489669441052 天前
VUE3响应式原理——从零解析
vue.js
用户83040713057012 天前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
一枚前端小姐姐2 天前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码