{"action":"closed","issue":{"url":"https://api.github.com/repos/hejianxian/vue-drag-and-drop-list/issues/6","repository_url":"https://api.github.com/repos/hejianxian/vue-drag-and-drop-list","labels_url":"https://api.github.com/repos/hejianxian/vue-drag-and-drop-list/issues/6/labels{/name}","comments_url":"https://api.github.com/repos/hejianxian/vue-drag-and-drop-list/issues/6/comments","events_url":"https://api.github.com/repos/hejianxian/vue-drag-and-drop-list/issues/6/events","html_url":"https://github.com/hejianxian/vue-drag-and-drop-list/issues/6","id":211653470,"number":6,"title":"I got something wrong.","user":{"login":"jjljyn","id":16191775,"avatar_url":"https://avatars2.githubusercontent.com/u/16191775?v=3","gravatar_id":"","url":"https://api.github.com/users/jjljyn","html_url":"https://github.com/jjljyn","followers_url":"https://api.github.com/users/jjljyn/followers","following_url":"https://api.github.com/users/jjljyn/following{/other_user}","gists_url":"https://api.github.com/users/jjljyn/gists{/gist_id}","starred_url":"https://api.github.com/users/jjljyn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jjljyn/subscriptions","organizations_url":"https://api.github.com/users/jjljyn/orgs","repos_url":"https://api.github.com/users/jjljyn/repos","events_url":"https://api.github.com/users/jjljyn/events{/privacy}","received_events_url":"https://api.github.com/users/jjljyn/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-03-03T10:40:46Z","updated_at":"2017-03-03T10:48:40Z","closed_at":"2017-03-03T10:48:40Z","body":"Hi!\r\nIs there some easier simples?I'm a freshman and I got something wrong which i don't know why.Infect I just copied and pasted your code.Here is my code and debugs\r\nThis is my Main.vue .\r\n\r\nHTML:\r\n> <div v-for=\"(listName, list) in lists\" class=\"col-md-4\">\r\n            <div class=\"panel panel-vue\">\r\n                <div class=\"panel-heading\">\r\n                    <h3 class=\"panel-title\">List {{listName}}</h3>\r\n                </div>\r\n                <div class=\"panel-body\">\r\n                    <ul v-dnd-list :dnd-list=\"list\" :dnd-horizontal-list=\"false\">\r\n                        <li v-dnd-draggable v-for=\"item in list\"\r\n                            :dnd-draggable=\"item\"\r\n                            :dnd-index=\"$index\"\r\n                            :dnd-data=\"list\"\r\n                            dnd-selected=\"selectedEvent\"\r\n                            dnd-effect-allowed=\"move\"\r\n                            dnd-dragstart=\"handleDragstart\"\r\n                            dnd-dragend=\"handleDragend\"\r\n                            dnd-canceled=\"handleCanceled\"\r\n                            v-bind:class=\"{'selected': selected === item}\">\r\n                            {{item.label}}\r\n                        </li>\r\n                        <li class=\"dndPlaceholder red\">Custom placeholder</li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\nSCRIPT:\r\n```\r\n   import Vue from 'vue';\r\n   import vueDragAndDropList from 'vue-drag-and-drop-list';\r\n\r\n   Vue.use(vueDragAndDropList);\r\n\r\n   export default {\r\n    name: 'Main',\r\n    data() {\r\n      return  {\r\n        \"selected\": null,\r\n        \"lists\": {\r\n          \"A\": [\r\n            {\r\n              \"label\": \"Item A1\",\r\n              \"disable\": false\r\n            },\r\n            {\r\n              \"label\": \"Item A2\"\r\n            },\r\n            {\r\n              \"label\": \"Item A3\"\r\n            },\r\n            {\r\n              \"label\": \"Item A4\"\r\n            }\r\n          ],\r\n          \"B\": [\r\n            {\r\n              \"label\": \"Item B1\"\r\n            },\r\n            {\r\n              \"label\": \"Item B2\"\r\n            },\r\n            {\r\n              \"label\": \"Item B3\"\r\n            },\r\n            {\r\n              \"label\": \"Item B4\"\r\n            }\r\n          ]\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n```\r\n\r\nDEBUGS:\r\n\r\n￼\r\n<img width=\"1679\" alt=\"screenshot\" src=\"https://cloud.githubusercontent.com/assets/16191775/23548080/d9534172-0040-11e7-8d91-be52d93eb57a.png\">\r\n"}}
{"actor":{"display_login":"hejianxian"}}