vue 鼠标拖拽vuedraggable

Posted tuituji27

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 鼠标拖拽vuedraggable相关的知识,希望对你有一定的参考价值。

npm run vuedraggable

<template>
  <vuedraggable class="wrapper" v-model="list">
    <transition-group>
      <div v-for="item in list" :key="item" class="item">
        <p>{{item}}</p>
      </div>
    </transition-group>
  </vuedraggable>
</template>

<script>
import vuedraggable from ‘vuedraggable‘;

export default {
  name: ‘HelloWorld‘,
  components: {vuedraggable},
  props: {
  },
  data() {
    return {
      list: [1,2,34,4,54,5]
    }
  },
  updated() {
    console.log(this.list)
  },
  methods: {
  }
}
</script>

以上是关于vue 鼠标拖拽vuedraggable的主要内容,如果未能解决你的问题,请参考以下文章