vue3.0实现数组分组效果

• 效果图

• vue3.0+element-plus

• 拖拽效果 vue-draggable-plus

• 父组件使用

• 子组件 ColumnDialog/index.vue

  
  
  <el-dialog :close-on-click-modal="true"
  title="新增分组"
  width="600px"
  @close="closeGroupModal"
  v-model="groupModalVisible">
  

  
  
  
  
  
  

  
  

  
  
  {{ field.title }}
  

  
  

  
  
  

  <template #footer>
  <el-button @click="closeGroupModal">取消
  <el-button type="primary"
  @click="createGroup">确认