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 分钟前
Vue计算属性computed:可写与只读的区别
前端·javascript·vue.js
爱学习的程序媛1 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
java1234_小锋2 小时前
分享一套优质的SpringBoot+Vue咖啡商城系统
vue.js·spring boot·咖啡商城
用户336566342173 小时前
Vue3+Vite项目极致性能优化:从构建到运行全链路实战指南
vue.js
console.log('npc')4 小时前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
li9056632805 小时前
hanzi-writer-miniprogram Path2D问题以及Bug修复
微信小程序·bug
riyue6666 小时前
封装 WebSocket 工具类
网络·vue.js·websocket·网络协议·v
斌味代码7 小时前
el-popover跳转页面不隐藏,el-popover销毁
前端·javascript·vue.js
终端鹿8 小时前
Vue3 核心 API 深度解析:ref / reactive / computed / watch
前端·javascript·vue.js