<template><div> <!--使用draggable组件--><div class="itxst"><div>自定义控制不允许拖拽</div><div class="col"><draggable v-model="arr1" animation="300" :move="onMove"><transition-group><div v-for="item in arr1" :key="item.id">{{item.name}}</div></transition-group></draggable> </div></div></div></template><script>//导入draggable组件import draggable from 'vuedraggable'export default {//注册draggable组件components: {draggable,},data() {return {//定义要被拖拽对象的数组arr1:[{id: 5, name: '' },{id: 4, name: '（不允许拖拽）' }] };},methods: {//move回调方法onMove(e,originalEvent){//不允许拖拽if (e.draggedContext.element.id == 4) return false;return true;}, },};</script>
