vuejs2 - 在 Vue 中使用 Materialize-css 时未定义 M

Question

我正在将 Materialise css 与 Vue 结合使用。我已安装为 npm 模块并将其导入到 main.js

import Material from "materialize-css";
import "materialize-css/dist/css/materialize.min.css";
import "materialize-css/dist/js/materialize.min.js";
Vue.use(Material);

所有的CSS都工作正常，但是，当我尝试使用任何像MaterialBox这样的JavaScript组件时

const mb = document.querySelectorAll(".materialboxed");
M.MaterialBox.init(mb, {});

它给出了“M”未定义的错误。我应该怎么办？我已将 Materialize-css 添加为 package.json 的依赖项。

Answer 1

在您的组件中添加以下代码(例如 App.vue):

import M from 'materialize-css'

export default {
...
mounted () {
    M.AutoInit()
},
...