Vue.Draggable - Как отключить анимацию при перетаскивании на не перетаскиваемый элемент - PullRequest
Новая
       47

Vue.Draggable - Как отключить анимацию при перетаскивании на не перетаскиваемый элемент

0 голосов
/ 22 октября 2019

Я хочу отключить следующую анимацию при использовании Vue Draggable.

Когда я перетаскиваю на не перетаскиваемый элемент HTML, возникает анимация, в которой перетаскиваемый элемент возвращается к своемуисходное положение, как показано на изображении .

. Я искал в документации возможность отключить эту анимацию, но не смог найти ее.

, потому чтоисходный код общедоступен, я попытался найти вариант, но не смог его найти и не смог понять, как работать с шаблоном Vue.

Буду признателен, если вы ответите на мойвопрос. 

<template>
  <div id="app">
    <draggable tag="ul" handle=".items" animation="0" @end="onEnd">
      <li class="items" v-for="item in items" :key="item">{{item}}</li>
    </draggable>
  </div>
</template>

<script>
import draggable from "vuedraggable";

export default {
  components: {
    draggable
  },
  data() {
    return {
      items: ["a", "b", "c"]
    };
  }
};
</script>

<style>
li {
  border: 1px solid #000;
  list-style: none;
  margin-bottom: 10px;
  text-align: center;
  padding: 3px 0;
  width: 250px;
}
</style>
...