当前位置: 首页 > article >正文

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


http://www.kler.cn/a/283360.html

相关文章:

  • TortoiseSVN提示服务器凭证检核错误:站点名称不符
  • Qt 和 WPF(Windows Presentation Foundation)
  • 蓝桥杯每日真题 - 第7天
  • python: postgreSQL using psycopg2 or psycopg
  • 区块链技术在慈善捐赠中的应用
  • Pycharm PyQt5 环境搭建创建第一个Hello程序
  • Java设计模式之装饰器模式详细讲解和案例示范
  • 深度学习:图像数据分析的革命
  • HTML静态网页成品作业(HTML+CSS)——电影肖申克的救赎介绍设计制作(1个页面)
  • jmeter连接mysql数据库以及常规用法
  • node环境安装、vue-cli搭建过程、element-UI搭建使用过程
  • 生产监控系统与生产控制系统区别
  • 【实践经验】端口被占用问题:listen tcp:bind:only one usage of each socket address
  • 文心智能体-梦想目标实现助手-实现你的老板梦
  • Golang小项目(1)
  • asp.net core在win上的发布和部署
  • 命令模式与事件驱动编程:如何将两者结合以优化系统设计
  • 卸载重装redis
  • Python新手:学习 itertools.takewhile 迭代右过滤
  • 如何使用 Go 语言开发微服务
  • MIT 6.5840(6.824) Lab 4:Fault-tolerant Key/Value Service 设计实现
  • 可达性分析算法是什么?用于什么场景?解决什么问题?
  • 淘宝API接口解析: item_fee获取淘宝商品运费接口
  • 钉钉打包以后发送报错 org.apache.tomcat.util.codec.binary.Base64.encodeBase64([B 解决描述
  • Spring Security配置详细
  • 力扣: 环形链表