vue救命技巧：你可能需要强制更新组件！

文章预览

需求背景 这几天开发项目，做了一个 「可滚动的表格」 ，表格用的是 「公司的组件」 。正常情况下，一切滚动行为正常。 但，当我通过页面内的操作改变表格高度时，bug出现了！ 如图，可以清楚的发现，滚动条滚动异常了！有一部分超出了表格区域。 一番检查下来，我发现了问题： 公司表格组件的内部滚动组件封装的有问题，当表格的高度变化时，它没有监听响应，依旧使用之前的容器高度作为滚动区域。因此，滚动条才会出现如此怪异的问题。 我尝试改变手动改变组件内的dom高度，但是滚动条依旧有问题，因为这里的滚动条高度是在组件内部计算的。 ❝ 显然，要解决这个问题，最好的办法就是从源头出发，去 「更改组件库底层源码」 。但这不现实，公司底层组件的bug修复需要很久，还要求爷爷告奶奶，最后发版才能用。 ❞ 于是，我想 ………………………………