isotope官網(wǎng)

如上圖所示為js插件isotope實現(xiàn)的效果。

而我找到的vue版本的 vue-isotope，只能實現(xiàn)每列下寬度一樣的瀑布流。

我嘗試導入isotope的js文件直接使用

然后報錯提示我

(JQ方式，JQ已正確導入)

$(...).isotope is not a function

(JS方式)

Isotope is not defined

我引入的另一個dotdotdot的js插件正確生效并可以使用

import isotope from '../../static/js/isotope.pkgd.min.js'

import dotdotdot from '../../static/js/jquery.dotdotdot.min.js'

titDotdotdot: function(){
      $('.list-item-tit, .list-item-intro').dotdotdot({
        watch: 'window',
        wrap:'letter',
        ellipsis: '……',
      });
},
isotope : function() {
    //瀑布流
    $('.grid').isotope({
        layoutMode: 'fitRows',
        itemSelector: '.grid-item',
        percentPosition: true,
    });
}

請問如何在vue上正確的使用isotope使它生效？或是可以使用其他vue相關的瀑布流模塊？

(更新，已經(jīng)找到解決方法，在axios獲取數(shù)據(jù)賦值完之后，用$nextTick再去執(zhí)行原生JS的初始化)