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()方法,即可大功告成

相关推荐
IT凝冬2 分钟前
liunx 的 centos7 安装ngin
前端
赵锦川3 分钟前
大屏比例缩放
前端·javascript·html
该怎么办呢12 分钟前
Source/Core/DeveloperError.js
开发语言·javascript·ecmascript
于慨33 分钟前
tauri
java·服务器·前端
riyue66640 分钟前
封装 WebSocket 工具类
网络·vue.js·websocket·网络协议·v
贼爱学习的小黄1 小时前
NC BIP参照开发
java·前端·nc
weixin_462901971 小时前
ESP32 LED控制代码解析
javascript
小江的记录本1 小时前
【MyBatis-Plus】MyBatis-Plus的核心特性、条件构造器、分页插件、乐观锁插件
java·前端·spring boot·后端·sql·tomcat·mybatis
小张会进步1 小时前
数组:二维数组
java·javascript·算法
光影少年1 小时前
如何进行前端性能优化?
前端·性能优化