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

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 组件宽度报错问题的一个修复方案。

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值