基于vue.graggable的拖拽实现

1.拖拽数据传递

2.拖拽生命周期

CSS

.ghost {
  background-color: #eaf8fe !important;
  color: #02a7f0 !important;
}
// 选中拖拽时的样式
.chosen {
  background-color: #eaf8fe !important;
  color: #02a7f0;
  height: 100%;
}
.chosen:after {
  content: "";
}
.drag {
  color: #000;
  border-radius: 4px !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) !important;
}