Vuejs draggable - arggh

Question

我是Vuejs的新手所以请耐心等待。我试图实现Vuejs Draggable组件而且我被卡住了。我只是从Draggable网站复制了示例脚本，无法使其正常工作。

这是我的代码。

＆＃13;

＆＃13;

<template>
<div>
    <h2>Draggable Wrapper</h2>
    <draggable v-model="exampleList">
        <div v-for="text in exampleList" :key="text">
            {{ text }}
        </div>
    </draggable>
</div>
</template>

<script>
import draggable from 'vuedraggable';

export default {
    components: {
        draggable
    },

    data() {
        return {
            exampleList: [
                'Item 1',
                'Item 2',
                'Item 3',
                'Item 4',
                'Item 5'
            ]
        }
    }
}
</script>

＆＃13;

＆＃13;

＆＃13;

我能够看到包含数据的div，但无法拖动它们。有任何想法吗？我很难过。

提前致谢。