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

相关推荐
意会8 分钟前
微信闪照小程序实现
前端·css·微信小程序
onejason8 分钟前
《利用 Python 爬虫获取 Amazon 商品详情实战指南》
前端·后端·python
用户67375280188412 分钟前
鸿蒙开发:应用内如何做更新
前端
zxhnext32 分钟前
LLM大语言模型入门
前端·后端
知心宝贝40 分钟前
写了那么久的前端,你真的了解浏览器背后的“小动作“吗?
前端·程序员·浏览器
wycode40 分钟前
Vue2实践(2)之用component做一个动态表单(一)
前端·javascript·vue.js
维李设论41 分钟前
前端智能化 | AG-UI实践及原理浅析
前端·aigc·agent
第七种黄昏41 分钟前
Vue3 中的 ref、模板引用和 defineExpose 详解
前端·javascript·vue.js
一只卡比兽42 分钟前
动态规划与贪心算法详解:原理、对比与代码实践
前端
aiwery1 小时前
一文掌握 TypeScript 工具类型:Record、Partial、Omit、Pick 等实战用法
前端·代码规范