在没有jquery的情况下,如何在vuejs2(带引导)中使用砌体网格布局?

在没有jquery的情况下,如何在vuejs2(带引导)中使用砌体网格布局?,vuejs2,bootstrap-4,masonry,tweets,Vuejs2,Bootstrap 4,Masonry,Tweets,我想在我的页面中显示类似的推文 我无法在我的vue网页包模板中使用。我曾经通过npm和CDN尝试过,但没有正确地获取网格 在main.js中 import Tweet from 'vue-tweet-embed'; import Masonry from 'masonry-layout'; 在html中 <head> //.... <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"

我想在我的页面中显示类似的推文

我无法在我的vue网页包模板中使用。我曾经通过npm和CDN尝试过,但没有正确地获取网格

在main.js中

import Tweet from 'vue-tweet-embed';
import Masonry from 'masonry-layout';
在html中

<head>
//....
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
</head>

//....
模板中

<div class="grid">
    <div class="grid-item" v-for="i in topics">
        <Tweet class="" :id="i.tweets.quoted_status_id_str" :options="{ theme: 'light' }" error-message-class="text-center text-muted tweet_err"><div class="text-center text-muted card" style="margin-top:12px;min-width:30px;"><i class="ion-social-twitter"></i>Loading tweet...</div></Tweet>
    </div>
</div>

正在加载推文。。。
我用过

(我们需要在更新或更改时重新绘制此方法。$RedrawVueSony();)