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


相关推荐
梨想橙汁33 分钟前
Vue2 快速入门:环境搭建、模板语法、指令系统全解
前端·vue.js
吴长建先生1 小时前
5步搞定random access memories源码解析 告别报错
vue.js
蜡台1 小时前
Vue 3 原生 ESM 开发实战:不用打包工具,从零搭建组件化应用
前端·javascript·vue.js·html
寻缘千鹤1 小时前
LogicFlow流程图 PNG 导出「线上按钮置灰、无反应」故障复盘
前端·javascript·vue.js
10share1 小时前
给 JSX 组件也来一份 Vue 式 scoped:jsx-scoped 让样式隔离不再靠自觉
前端·vue.js
北城笑笑1 小时前
Vue 104 ,AI + ECharts + Word:大模型数据可视化报告生成实战(前端导出图文并茂 Word 文档)
前端·vue.js·word·echarts
志尊宝2 小时前
Vue3 零基础每日笔记(010):watchEffect——用到谁就自动听谁的“懒人侦听器“
前端·vue.js·笔记
冰水不凉3 小时前
CodeX 在 Ubuntu 下 vscode 插件的 bug 问题
vscode·ubuntu·bug
单线程_013 小时前
从案例分析 Vue3 Tokenizer+Parser 源码五
前端·javascript·vue.js
mldong10 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js