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

news/2024/11/15 0:43:17/

在使用 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.ppmy.cn/news/1518881.html

相关文章

裸机:LCD

什么是LCD? LCD,全称为Liquid Crystal Display,即液晶显示屏,是一种利用液晶物质的光学特性,通过控制电场来改变光的透过性,从而实现图像显示的技术。以下是关于LCD的详细解释: 一、LCD的基本…

模糊视频一键变清晰,从此告别模糊不清的画质

话不多说,咱们直入主题。你是不是有比较模糊的视频,比如老视频,老电影和监控视频,对了,还有日本土特产(懂的都懂),模糊的视频看起是不是很不舒服,长期久了还会影响视力影…

如何共享EC2 AMI给其他AWS账户

在本篇文章中,我们将详细介绍如何通过Amazon Web Services (AWS) 的Elastic Compute Cloud (EC2) 平台,将自定义AMI(Amazon Machine Image)共享给其他AWS账户。接下来,我们九河云将一步步引导您完成整个过程&#xff0…

PHP伪协议总结

目录 1、file://协议 什么是File: 如何使用File: PHP.ini: 2、php://协议 条件: 2.1php://filter 2.2php://input 3、zip://, bzip2://, zlib://协议 PHP.ini: 3.1zip://协议 使用方法: 3.2bz…

计算多图的等价无向图的邻接链表表示

计算多图的等价无向图的邻接链表表示 摘要:一、引言二、算法思路三、伪代码实现四、C代码实现五、算法分析六、结论摘要: 在图论中,多图(Multigraph)是一种允许边重复以及存在自循环边(即一个顶点到其自身的边)的图。给定一个多图的邻接链表表示,本文旨在探讨如何构造…

【王树森】RNN模型与NLP应用(8/9):Attention(个人向笔记)

前言 基于RNN的Seq2Seq模型无法记住长序列Attentnion机制可以大幅度提升Seq2Seq模型 Seq2Seq Model with Attention Attention可以让句子在逐步变长的时候不忘记前面的输入信息Attention还可以告诉Decoder应该关注哪一个状态优点:Attention可以大幅度提高准确率缺…

【栈】| 力扣高频题: 基本计算器二

🎗️ 主页:小夜时雨 🎗️专栏:算法题 🎗️如何活着,是我找寻的方向 目录 1. 题目解析2. 代码 1. 题目解析 题目链接: https://leetcode.cn/problems/basic-calculator-ii/description/ (可点击) 本道题是栈…

责任链模式-升级版

责任链模式 前言一、CypherCorrectionHandler 提供入口二、AbstractCorrectionHandler 抽象类三、check 实现类第一个检查第二个检查 四、调用总结 前言 就是记录下,方便自己工作用。 含责任链顺序加载,以及抽象调度链路。 一、CypherCorrectionHandle…