{"action":"closed","issue":{"url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1427","repository_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue","labels_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1427/labels{/name}","comments_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1427/comments","events_url":"https://api.github.com/repos/bootstrap-vue/bootstrap-vue/issues/1427/events","html_url":"https://github.com/bootstrap-vue/bootstrap-vue/issues/1427","id":278821659,"number":1427,"title":"Multiple modale on the same page in a programmatic way","user":{"login":"tristanbes","id":346010,"avatar_url":"https://avatars2.githubusercontent.com/u/346010?v=4","gravatar_id":"","url":"https://api.github.com/users/tristanbes","html_url":"https://github.com/tristanbes","followers_url":"https://api.github.com/users/tristanbes/followers","following_url":"https://api.github.com/users/tristanbes/following{/other_user}","gists_url":"https://api.github.com/users/tristanbes/gists{/gist_id}","starred_url":"https://api.github.com/users/tristanbes/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tristanbes/subscriptions","organizations_url":"https://api.github.com/users/tristanbes/orgs","repos_url":"https://api.github.com/users/tristanbes/repos","events_url":"https://api.github.com/users/tristanbes/events{/privacy}","received_events_url":"https://api.github.com/users/tristanbes/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":10,"created_at":"2017-12-03T21:23:55Z","updated_at":"2017-12-03T22:13:16Z","closed_at":"2017-12-03T22:13:16Z","author_association":"NONE","body":"Hello,\r\n\r\nI'm trying to have one modale per row on a talbe. I found #1424 but it's not working in my case.\r\n\r\nOn each row on my table, I got a component that renders a modale: \r\n\r\n```vue\r\n<confirmation-modale\r\n    :id=\"'team_' + row.item.id\"\r\n    ...\r\n    :action-route=\"generateDetachRoute(row.item.id)\">\r\n</confirmation-modale>\r\n```\r\n\r\n```vue\r\n// inside the confirmation-modale\r\n<button :v-b-modal=\"id\" :class=\"finalClass\">{{ btnLabel }}</button>\r\n    <b-modal\r\n      :id=\"id\"\r\n      ref=\"confirmationModaleRef\"\r\n      :title=\"trans('confirmation')\"\r\n      :ok-title=\"trans('submit')\"\r\n      no-close-on-backdrop\r\n      hide-header-close\r\n      :visible=\"showModal\"\r\n    >\r\n   ...\r\n```\r\n\r\nIt's either I don't have this code, and all the modale opens when I click on one button, \r\nand with this code shared, no modale opens. What am I missing please ?\r\n\r\nAlso, I close this modale programatically, so do I need to customize the `ref` prop to make it unique so It only close 1 modale or not? `this.$refs.<variable>.hide()` ?\r\n"}}
{"actor":{"display_login":"tristanbes"}}