文章讲述了在使用Vue3、ElementPlus和TypeScript开发的项目中，遇到点击按钮展示el-dialog时只在第一次正常，关闭时出现错误的问题。经过定位发现错误与dialog销毁、插槽和CSS样式有关，最终通过更改span标签的样式解决，看似玄学但实则与SCSS编译有关。
项目场景：
vue3+element plus+ts。
问题描述
本地运行没有任何错误，在生产环境中，当点击按钮，展示el-dialog时第一次正常，关闭时报错
原因分析：
定位到el-dialog组件，最初认为是dialog中table依赖的接口数据返回有问题，后发现不是，于是定位到组件本身。看到网上有说是因为dialog销毁失败的 要添加v-if 或者 destory-on-close设置为true，但是对于我们的项目都没用…后来定位到 是因为dialog中的table使用了插槽引发的报错 但是没办法不用插槽。。后来发现 是因为触发dialog的 span标签，用了style设置样式，把行间样式改成了scss样式就修复了 有点玄学。
扫一扫
6092
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
