Vue2中使用element ui 中table宽度缩放报错:ResizeObserver loop limit exceeded

本文介绍了如何在Vue项目中修复ElementUITable组件在调整大小时遇到的ResizeObserverlooplimitexceeded报错,通过重写resizeListener方法并使用requestAnimationFrame解决。
摘要由CSDN通过智能技术生成

Table 组件处理宽度报错问题的解决方案放大或缩小时报错

报错:ResizeObserver loop limit exceeded

处理方法:

在main.js页面里

//从elementui中引出Table
import ElementUI,{Table} from 'element-ui'
//注意,这里是处理table宽度报错的问题
const fixElTableErr = table => {
  const oldResizeListener = table.methods.resizeListener
  table.methods.resizeListener = function () {
    window.requestAnimationFrame(oldResizeListener.bind(this))
  }
}

// !!!!一定要在Vue.use之前执行此函数
fixElTableErr(Table)

这段代码主要是针对 ElementUI 的 Table 组件处理宽度报错问题的解决方案。在这段代码中,首先通过 import ElementUI, { Table } from ‘element-ui’ 导入 ElementUI 库和其中的 Table 组件。

然后定义了一个函数 fixElTableErr,该函数接受一个参数 table,并对传入的 Table 组件进行修复操作。具体修复操作是将 Table 组件的 resizeListener 方法进行了修改,使用 window.requestAnimationFrame 来调用原来的 resizeListener 方法。

最后通过 fixElTableErr(Table) 调用这个函数,传入 Table 组件作为参数,以修复 Table 组件的宽度报错问题。

总体来说,这段代码是在 Vue 项目中处理 ElementUI Table 组件宽度报错问题的一个修复方案。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值