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

发布时间:2024年01月19日

在一堆数据中 数据发生改变? 但是页面没有发生重绘? (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();
          });
        }
      }
    );

文章来源:https://blog.csdn.net/weixin_55209970/article/details/135691860
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。