如何在VUE组件上安装砌体布局

Question

我只是在npm之前安装了 masonry-layout ，但无法将其加载到组件中。

import  "masonry-layout";

  export default {
    name: "playerSkillComponent",

    props: ['player'],

    mounted: function () {

        // initialization of masonry

        var grid = document.querySelector('.masonry-grid');
        var msnry = new Masonry( grid, {
            // options...
            columnWidth: '.masonry-grid-sizer',
            itemSelector: '.masonry-grid-item',
            percentPosition: true
        });
     }
 }

这是我得到的错误：

  

[Vue警告]：安装的挂钩中出现错误：“ ReferenceError：未定义砌体”

Answer 1

只需更新第一行（有一种类型）：

import Masonry from "masonry-layout";