el-tag组件拖拽功能，拖拽至对应区域完成对应区域数据添加

您好！对于el-tag组件的拖拽功能，您可以通过使用HTML5的拖放API来实现。下面是一个简单的示例：

首先，在模板中添加一个拖放区域和一个可拖动的el-tag组件：

<template>
  <div>
    <div id="dropzone" @drop="handleDrop" @dragover.prevent>
      <!-- 拖放区域 -->
    </div>
    <el-tag draggable="true" @dragstart="handleDragStart">标签1</el-tag>
  </div>
</template>

然后，在Vue方法中定义相关的拖放事件处理函数：

methods: {
  handleDragStart(event) {
    // 设置拖动数据
    event.dataTransfer.setData('text/plain', event.target.textContent);
  },
  handleDrop(event) {
    event.preventDefault();
    
    // 获取拖动数据
    const data = event.dataTransfer.getData('text/plain');
    
    // 在对应区域添加数据
    // 这里可以根据具体需求进行处理，比如将数据添加到一个数组中
    this.tags.push(data);
  }
}

在上面的示例中，`handleDragStart`函数设置了拖动数据，`handleDrop`函数在拖放区域上添加了拖动的el-tag组件的文本内容到`tags`数组中。

请根据您的具体业务需求进行相应的修改和扩展。希望能帮到您！如果有任何问题，请随时提问。