启用vue插件的依赖性

时间:2019-04-01 15:01:31

标签: vue.js vue-component vue-cli

我有一个安装了插件的vue-cli应用程序:

npm i vue-mover

我已在main.js中启用此插件

import mover from 'vue-mover'
Vue.use(mover)

并尝试在component.vue中使用它

<template>
    <div class="lineasMover">   
        <mover 
            target-id="MyMover"
            :left-items="selectedItems"
            :right-items="unselectedItems"
            title-left="Available Items"
            title-right="Selected Items"
            moved-item-location="top | bottom"
            >
        </mover>
    </div>
</template>

运行我的应用程序时,我在浏览器的控制台中收到此错误:

"Uncaught ReferenceError: Sortable is not defined"

该插件的代码存在于名为vue-mover.js的文件中,这是错误的代码:

if (!Sortable) {
    throw new Error('[vue-mover] cannot locate `Sortablejs` dependency.')
}

我已经安装了

npm i sortablejs

以及vue版本

npm i vue-draggable

,但在控制台中仍然出现此错误。我想我需要启用一个指向SortableJS的全局“ Sortable”变量,以便任何插件都可以使用它,但我不知道该如何实现。

任何想法?

0 个答案:

没有答案