我有一个安装了插件的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”变量,以便任何插件都可以使用它,但我不知道该如何实现。
任何想法?