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