Vue-draggable在移动视图上工作不在普通视图中？

Question

`

＆＃13;

＆＃13;

<template>
  <div class="drag">
    <h2>Draggable</h2>
    <draggable :list="list" class="dragArea">
        <div class="noselect" v-for="element in list">{{element.name}}</div>
    </draggable>
  </div>
</template>

<script>
import draggable from 'vuedraggable';

export default {
  components: {
    draggable,
  },
  data() {
    return {
      list: [
        { name: 'John' },
        { name: 'Joao' },
        { name: 'Jean' },
      ],
    };
  },
};
</script>

<style lang="scss">
</style>

＆＃13;

＆＃13;

＆＃13;

我想创建一个可拖动的列表，但我的列表只能在chrome的移动视图中拖动，但它在普通视图中不起作用。我尝试了jsfiddle示例，它在那里完全正常，但它不适用于我的程序。上面是我写的vue文件，以使列表可拖动`