From 9b3052774b1f49a0c2e658c82abc378407ee5dfe Mon Sep 17 00:00:00 2001
From: lin-xin <2981207131@qq.com>
Date: Fri, 28 Dec 2018 16:29:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BD=BF=E7=94=A8index?=
 =?UTF-8?q?=E4=BD=9C=E4=B8=BAv-for=E7=9A=84key?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/DragList.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/page/DragList.vue b/src/components/page/DragList.vue
index 491eabe..96527c8 100644
--- a/src/components/page/DragList.vue
+++ b/src/components/page/DragList.vue
@@ -16,7 +16,7 @@
                     <div class="item-title">todo</div>
                     <draggable v-model="todo" @remove="removeHandle" :options="dragOptions">
                         <transition-group tag="div" id="todo" class="item-ul">
-                            <div v-for="(item,index) in todo" class="drag-list" :key="index">
+                            <div v-for="item in todo" class="drag-list" :key="item.id">
                                 {{item.content}}
                             </div>
                         </transition-group>
@@ -26,7 +26,7 @@
                     <div class="item-title">doing</div>
                     <draggable v-model="doing" @remove="removeHandle" :options="dragOptions">
                         <transition-group tag="div" id="doing" class="item-ul">
-                            <div v-for="(item,index) in doing" class="drag-list" :key="index">
+                            <div v-for="item in doing" class="drag-list" :key="item.id">
                                 {{item.content}}
                             </div>
                         </transition-group>
@@ -36,7 +36,7 @@
                     <div class="item-title">done</div>
                     <draggable v-model="done" @remove="removeHandle" :options="dragOptions">
                         <transition-group tag="div" id="done" class="item-ul">
-                            <div v-for="(item,index) in done" class="drag-list" :key="index">
+                            <div v-for="item in done" class="drag-list" :key="item.id">
                                 {{item.content}}
                             </div>
                         </transition-group>
@@ -61,34 +61,43 @@
                 },
                 todo: [
                     {
+                        id: 1,
                         content: '开发图表组件'
                     },
                     {
+                        id: 2,
                         content: '开发拖拽组件'
                     },
                     {
+                        id: 3,
                         content: '开发权限测试组件'
                     }
                 ],
                 doing: [
                     {
+                        id: 1,
                         content: '开发登录注册页面'
                     },
                     {
+                        id: 2,
                         content: '开发头部组件'
                     },
                     {
+                        id: 3,
                         content: '开发表格相关组件'
                     },
                     {
+                        id: 4,
                         content: '开发表单相关组件'
                     }
                 ],
                 done:[
                     {
+                        id: 1,
                         content: '初始化项目，生成工程目录，完成相关配置'
                     },
                     {
+                        id: 2,
                         content: '开发项目整体框架'
                     }
                 ]
-- 
GitLab