|
|
|
@ -16,7 +16,11 @@ |
|
|
|
<draggable |
|
|
|
v-model="localMenuItems" |
|
|
|
class="menu-icons" |
|
|
|
:options="dragOptions" |
|
|
|
:animation="200" |
|
|
|
ghost-class="ghost-item" |
|
|
|
chosen-class="chosen-item" |
|
|
|
drag-class="dragging-item" |
|
|
|
handle=".menu-item" |
|
|
|
:disabled="!isEditMode" |
|
|
|
@end="onDragEnd" |
|
|
|
@wheel.native="handleWheel" |
|
|
|
@ -121,14 +125,7 @@ export default { |
|
|
|
showDeleteDialog: false, |
|
|
|
itemToDelete: null, |
|
|
|
showIconSelectDialog: false, |
|
|
|
dragOptions: { |
|
|
|
animation: 200, |
|
|
|
ghostClass: 'ghost-item', |
|
|
|
chosenClass: 'chosen-item', |
|
|
|
dragClass: 'dragging-item', |
|
|
|
handle: '.menu-item', |
|
|
|
delay: 0 |
|
|
|
} |
|
|
|
// 拖拽配置已直接通过 draggable 组件的 props 传入(animation、ghost-class 等) |
|
|
|
} |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
|