如何在 VUE 组件上安装 masonry-layout

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: Masonry is not defined”

Answer 1

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

import Masonry from "masonry-layout";