vue3 使用vue-masonry加载更多，重新渲染

本文主要是介绍vue3 使用vue-masonry加载更多，重新渲染，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在使用 van-list做上拉加载更多，加载下一页的时候，会出现瀑布图重叠，原因是布局没有重新更新，所以需要 调用 vue-masonry更新布局的方法。

看了源码才知道可以这样用，api都没写，隐藏太深了。。。

vue3中通过provide已经向外部导出了 redrawVueMasonry方法，所以只需要在 相应页面和组件中使用inject 接收redrawVueMasonry方法就可以使用了

import { onMounted, ref, computed, nextTick, inject } from 'vue'
const $redrawVueMasonry = inject('redrawVueMasonry') as Function

然后在加载数据后 使用 $redrawVueMasonry()方法，即可大功告成

这篇关于vue3 使用vue-masonry加载更多，重新渲染的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---