vue基于vuedraggable实现拖拽

进入项目目录

npm i vuedraggable -S

在vue页面 script 中引入并且注册

<!-- 1组无法拖拽到2组 -->
<draggable  v-model="resultList" @end="dragged">
<div v-for="item in resultList" v-if='item.group_flag==1' :title="item.id">
	<ul>
		<li>
			<div>
				<div class="account-name">姓名：</div>
			</div>
			<div >{
  {item.name}}</div>
		</li>
	</ul>
</div>
</draggable>
<draggable  v-model="resultList" @end="dragged">
<div v-for="item in resultList" v-if='item.group_flag==2' :title="item.id">
	<ul>
		<li>
			<div>
				<div class="account-name">姓名：</div>
			</div>
			<div >{
  {item.name}}</div>
		</li>
	</ul>
</div>
&l