在vue3使用el-table宽度变化报ResizeObserver loop limit exceeded

我猜您的意思是在使用Vue3和el-table时，当表格宽度变化时，会出现"ResizeObserver loop limit exceeded"错误。这个问题通常是由于观察器被频繁地触发而导致的。 为了解决这个问题，您可以尝试以下解决方案： 1. 使用防抖函数来限制ResizeObserver触发的频率： ```javascript import { debounce } from 'lodash'; export default { data() { return { tableWidth: null, }; }, mounted() { this.$nextTick(() => { const tableEl = document.querySelector('.el-table__header-wrapper'); const observer = new ResizeObserver(debounce(this.handleTableResize, 100)); observer.observe(tableEl); }); }, methods: { handleTableResize(entries) { this.tableWidth = entries[0].contentRect.width; }, }, }; ``` 2. 在销毁组件时，记得取消观察器的监听： ```javascript export default { data() { return { tableWidth: null, observer: null, }; }, mounted() { this.$nextTick(() => { const tableEl = document.querySelector('.el-table__header-wrapper'); this.observer = new ResizeObserver(debounce(this.handleTableResize, 100)); this.observer.observe(tableEl); }); }, beforeUnmount() { if (this.observer) { this.observer.disconnect(); } }, methods: { handleTableResize(entries) { this.tableWidth = entries[0].contentRect.width; }, }, }; ``` 希望这些解决方案能够帮助您解决问题。