[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.

简介: [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug.

项目背景

项目用的是vue3+vite+element plus的Pc项目

问题描述

本地环境一切正常,构建后。偶发下面的报错。然后页面就不可以用了。
当前页面刷新一下后,操作,就不会报错。
后续发现,是点击另外一个页面,再点击该页面就会必现此报错。
在这里插入图片描述

原因分析&&解决

1.查看了别人的解决方案,应该是调用了未渲染的dom;可以使用 v-show 代替 v-if,试了对这边管用。

  1. el-table , 如下代码a.b.c 方式 改为 a?.b?.c 写法。我是这种情况
    <el-table-column label="refNum">
               <template #default="scope: any">
                 <span>{
        
        { scope.row?.refNum }}</span>
               </template>
             </el-table-column>
    

相关文章
|
1天前
|
存储 JavaScript
Vue当前时间与接口返回时间的判断
Vue当前时间与接口返回时间的判断
7 0
|
1天前
|
JavaScript
vue生成动态表单
vue生成动态表单
6 0
|
1天前
|
JavaScript 前端开发
Vue生成Canvas二维码
Vue生成Canvas二维码
6 0
|
1天前
|
JavaScript
vue项目切换页面白屏的解决方案
vue项目切换页面白屏的解决方案
5 0
|
1天前
|
JavaScript 前端开发 开发者
new Vue() 发生了什么
new Vue() 发生了什么
8 1
|
1天前
|
JavaScript 容器
使用Vue写一个日期选择器
使用Vue写一个日期选择器
9 1
|
1天前
|
JavaScript
Vue 中如何模块化使用 Vuex
Vue 中如何模块化使用 Vuex
5 0
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
987 0
|
1天前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
3 0
|
1天前
|
JavaScript 前端开发
vue中nextTick使用以及原理
vue中nextTick使用以及原理
5 0