先安装 npm i -S vuedraggable
我也嫌麻烦话不多说直接上代码
<template>
<ul>
<draggable @start="start" @end="end" v-bind="dragOptions">
<li>
<router-link to="/about/tiaoyi" tag="p" active-class="beij">跳1</router-link>
</li>
<li>
<router-link to="/about/tiaoer" tag="p" active-class="beij">跳2</router-link>
</li>
<li>
<router-link to="/about/tiaosan" tag="p" active-class="beij">跳3</router-link>
</li>
</draggable>
</ul>
</template>
<script>
import draggable from "vuedraggable";
export default {
data() {
return {
dragOptions: {
animation: 500,
filter: '.disabled'
},
}
},
components: {
draggable,
},
methods: {
start(e) {
console.log(e);
},
end(e) {
console.log(e);
},
}
};
</script>