您现在的位置是：网站首页> 编程资料编程资料

vue 项目页面卡死原因排查分析_vue.js_

2023-05-24 387人已围观

简介 vue 项目页面卡死原因排查分析_vue.js_

问题描述

点击后台管理某一菜单发现直接卡死，没有其他报错信息，整个网页鼠标变为手指状态不能进行任何操作

问题排查

首先是通过注释代码发现问题是出在以下代码中

教师指标数据

查看日志输出

锁定到问题是数据展示的data 需要array 但是却拿到了Object

将数据展示方式tableData改为 table:[]数组类型进行展示即可

data:{ return :{ tableData: [] ] } getList() { this.tableLoading = true; this.tableData=[]; fetchList(this.listQuery).then(response => { console.log("------------------"+response.data.data) this.tableData.push(response.data.data) ; this.tableLoading = false }) },

小结

这里有几个问题

一个是avue 版本兼容的问题貌似旧版本会兼容这种情况不会出现卡死的问题

大佬修改框架后出现的这个问题

另一个是返回值规范如果使用表格最好都返回list数组不要返回单object类型导致出现类似

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

您可能感兴趣的文章:

上一篇：Vue中混入mixin的用法介绍_vue.js_

下一篇：Vue修饰符的使用详解_vue.js_

您现在的位置是：网站首页> 编程资料编程资料

vue 项目页面卡死原因排查分析_vue.js_

目录

问题描述

问题排查

教师指标数据

小结

相关内容

点击排行

本栏推荐

猜你喜欢