v-masonry踩坑 数据不重绘问题

在一堆数据中 数据发生改变  但是页面没有发生重绘  (nextTick)

描述场景
我的小组里边  有很多数据   但是当我退出小组回来之后  瀑布流出现空白情况

请看图

通过查看文档发现$redrawVueMasonry可以实现重绘

于是各种调用不生效,最后发现  把他写在nextTick里边才生效 

有当数据发生改变  之后!!!请求完毕之后  再去调用方法  才有用   所以从watch里边进行监听

getCurrentInstance是vue里边的一个方法

    watch(
      () => dataList.value,
      (val) => {
        if (val) {
          
          nextTick(() => {
            console.log(val, "val----1-19");
            const instance = getCurrentInstance();
            const _this = instance.appContext.config.globalProperties;
            console.log(_this, "this---1-19");
            _this.$redrawVueMasonry();
          });
        }
      }
    );

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-19 12:44:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-19 12:44:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-19 12:44:01       82 阅读
  4. Python语言-面向对象

    2024-01-19 12:44:01       91 阅读

热门阅读

  1. 《设计模式的艺术》笔记 - 外观模式

    2024-01-19 12:44:01       49 阅读
  2. opensssl BIO方式https客户端

    2024-01-19 12:44:01       44 阅读
  3. rocketmq交叉编译aarch64 GNU/Linux

    2024-01-19 12:44:01       47 阅读
  4. Docker Compose的实战应用指南

    2024-01-19 12:44:01       36 阅读
  5. Docker设置获取环境变量

    2024-01-19 12:44:01       52 阅读
  6. springboot log4j配置xml实例说明

    2024-01-19 12:44:01       51 阅读
  7. vue:状态管理库及其部分原理(Vuex、Pinia)

    2024-01-19 12:44:01       49 阅读
  8. 安卓之文本转视频的应用场景以及技术优劣分析

    2024-01-19 12:44:01       60 阅读
  9. RTC讲解

    RTC讲解

    2024-01-19 12:44:01      53 阅读
  10. 【数据结构】平衡树

    2024-01-19 12:44:01       37 阅读