我使用VueJs和Draggable尝试将属于“ li”元素的标签拖到所见即所得的文本编辑器中。无论如何,是否有使用可拖动组件或任何其他组件来执行此操作的。
<draggable class="template-tags-list" element="ul" v-model="postingTitleTags" :options="dragOptions" :move="onMove" @start="isDragging=true" @end="isDragging=false">
<li v-for="tag in postingTitleTags" :key="tag.order">
{{ tag.name }}
<v-icon>close</v-icon>
</li>
</draggable>
<draggable element="input" v-model="postingTitleStructure" :options="dragOptions" :move="onMove">
<template v-for="element in postingTitleStructure">
{{element.name}}
</template>
</draggable>
将标签拖动到所见即所得编辑器时,光标指向放置标签的位置。放开后,标签的文本会放入所见即所得的文本中。