Question

我正在尝试使UIkit CSS框架与基于VueJS的应用程序一起使用。我已经在纱线中包含了框架，并且样式也很好。

但是，每当我尝试以编程方式调用任何UIkit组件时，都会收到错误消息UIkit is not defined。

以下是我的应用文件中的摘录：

main.js

    import Vue from "vue";
    import App from "./App.vue";
    import router from "./router";

    import UIkit from 'uikit';
    import Icons from 'uikit/dist/js/uikit-icons';

    UIkit.use(Icons);

    new Vue({
      router,
      render: h => h(App)
    }).$mount("#app");

App.vue （这只是添加到文件的底部，没有样式，它将无法正常工作）

<style lang="less">
  @import "../node_modules/uikit/src/less/uikit.theme.less";
</style>

还有一个引起代码问题的示例-在这种情况下，尝试打开模式窗口：

UIkit.modal('#mod-department-edit').show();

需要指出的是，如果我只是通过使用＆标记（包括通过本地文件或使用cdn来包含uikit框架），那么一切都可以正常工作。

很明显，我在某处缺少了一些东西。知道可能是什么吗？

尝试在vue.js中使用getuikit时出错

0 个答案: