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的主要内容，如果未能解决你的问题，请参考以下文章