vuejs2.0运用原生js实现简单的拖拽元素功能示例

整理文档，搜刮出一个vuejs2.0运用原生js实现简单的拖拽元素功能示例，留作笔记。

.select-item {
 background-color: #5bc0de;
 display: inline-block;
 text-align: center;
 border-radius: 3px;
 margin-right: 10px;
 cursor:pointer;
 padding: 6px 20px;
 color: #fff;
}
 .cursored{
 cursor: default;
}
.project-content,.people-content {
  margin: 30px 50px;
}
.people-content {
  margin-top: 30px;
}
.drag-div {
  border: 1px solid #5bc0de;
  padding:10px;
  margin-bottom: 10px;
  width: 800px;
  cursor: pointer;
}
.select-project-item {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
}
.drag-people-label{
 margin-bottom:0;
 padding-right:10px;
}
[v-cloak]{
  display:none;
}





 
  {{pjdt.name}}
 
 
  
   
    {{ppdt.name}}:
   
  
 

实现效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。