VUEJS指令砌体检测到阵列的预登正确并正确重新绘制



我正在使用vue-masonry插件,让我很容易创建一个砌体网格。

我创建了一个无限加载系统,您可以在页面的底部滚动,并将新图片附加到带有Vue-Masonry插件的阵列中。

当我为其他用户升级的新图片创建了一个投票系统时,就会发生问题。这些新图片需要位于砌体网格的顶部。

插件使用两个VUE指令masonry(父)和masonryTile(element)。masonryTile的V-For可以通过我的VUE实例循环(可以完成所有繁重的举重,预加载,Sanityzing等...)。

指令中有没有办法知道所附加或预先预期的东西之间的差异?并尝试做出不同的反应(我知道砌体具有某些附加/预端方法),但是在此处和此插件中,已经添加的项目(在开始时,以便使用Vue可以与Vue一起使用),但是没有砖石互动,也没有尝试过(我尝试过)要使用原型触发Redraw this.$redrawVueMasonry();)。

所以我不知道下一步要做什么。继续找到一种方法来区分预源与附加物并试图将其与各自的砌体方法束缚在一起?或我没有想到的另一种方法...

事先感谢您的帮助

ps:我认为我的代码真的不相关,因为这是优化插件的一种方法。如果您想要我的代码的某些特定部分,请在评论中告诉我!

这可能为时已晚,这是一个10个月的问题。但是, vue-Masonry 能够处理数组中任何地方拼接项目的情况。但是要正确更新网格 this。$ redrawvuemasonry()应该在 this。$ nexttick()中调用。

this.$nextTick(() => this.$redrawVueMasonry());

希望这有帮助,如果不是原始海报,其他人。

相关内容

  • 没有找到相关文章

最新更新