vue.js - 如何在 VUE 组件上安装 masonry-layout
问题描述
我刚刚通过 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:未定义砌体”
解决方案
只需更新第一行(有一个类型):
import Masonry from "masonry-layout";