{"action":"opened","issue":{"url":"https://api.github.com/repos/hiyali/vue-smooth-picker/issues/13","repository_url":"https://api.github.com/repos/hiyali/vue-smooth-picker","labels_url":"https://api.github.com/repos/hiyali/vue-smooth-picker/issues/13/labels{/name}","comments_url":"https://api.github.com/repos/hiyali/vue-smooth-picker/issues/13/comments","events_url":"https://api.github.com/repos/hiyali/vue-smooth-picker/issues/13/events","html_url":"https://github.com/hiyali/vue-smooth-picker/issues/13","id":327973548,"node_id":"MDU6SXNzdWUzMjc5NzM1NDg=","number":13,"title":"使用 setGroupData() 更新 currentIndex 后，DOM上的显示的值无法马上刷新","user":{"login":"puerdon","id":23479013,"node_id":"MDQ6VXNlcjIzNDc5MDEz","avatar_url":"https://avatars3.githubusercontent.com/u/23479013?v=4","gravatar_id":"","url":"https://api.github.com/users/puerdon","html_url":"https://github.com/puerdon","followers_url":"https://api.github.com/users/puerdon/followers","following_url":"https://api.github.com/users/puerdon/following{/other_user}","gists_url":"https://api.github.com/users/puerdon/gists{/gist_id}","starred_url":"https://api.github.com/users/puerdon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/puerdon/subscriptions","organizations_url":"https://api.github.com/users/puerdon/orgs","repos_url":"https://api.github.com/users/puerdon/repos","events_url":"https://api.github.com/users/puerdon/events{/privacy}","received_events_url":"https://api.github.com/users/puerdon/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-31T02:45:23Z","updated_at":"2018-05-31T02:45:23Z","closed_at":null,"author_association":"NONE","body":"**范例源码连结**\r\n[https://codepen.io/puerdon/pen/QxwJdZ?editors=1010](url)\r\n\r\n**使用套件**\r\nVue, Vuetify, vue-smooth-picker\r\n\r\n**预期行为**\r\n使用者点击data-table中的时间\"HHMM\"后，下方跳出bottom sheet，然后将 bottom sheet 中的 vue-smooth-picker 的小时滚轴显示为 HH，分钟滚轴显示为 MM。 \r\n\r\n**实际发生行为**\r\nbottom sheet出现后，vue-smooth-picker的小时滚轴以及分钟滚轴仍然显示为初始 `currentIndex` 设定值 0。使用者必须在 vue-smooth-picker 上面点击一下，滚轴的值才会变成预期的HH和MM。\r\n\r\n**目前实作方法**\r\n1. 使用者点击data tabale中的时间时，呼叫 `edit()`\r\n2. 算出时间字串的小时与分钟，并分别转换成 Int 型态的变数 `hour` 和 `minute`\r\n3. 在 `edit()` 中，以 `smoothPicker.setGroupData()` 去把两个滚轴的 `currentIndex` `更新成步骤2的`hour`和`minute`\r\n4. 实际以 `console.log(smoothPicker.GetCurrentIndexList())` 测试，可以发现呼叫`edit()` 之后，的确有成功改变 `currentIndex` 的值，只是 DOM 上的值没有马上改变，必须使用者点击一下后才会刷新。\r\n\r\n**讨论**\r\n再看过Issue list后，不确定是否与 `Vue.nextTick()` 有关。希望可以寻求作者的协助，看看我在作法上哪边出了问题。\r\n\r\n感謝！\r\n\r\n"}}
{"actor":{"display_login":"puerdon"}}