KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

#178 Close dynamic modals programmatically

Browse Source
This commit is contained in:
Noel De Martin
2018-02-21 16:42:01 +01:00
parent 967745c3cd
commit 75ac5598fe
4 changed files with 38 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/ModalsContainer.vue
View File

@@ -3,11 +3,14 @@
<modal
v-for="modal in modals"
:key="modal.id"
:name="modal.name"
v-bind="modal.config"
@closed="remove(modal.id)"
>
<component :is="modal.component" v-bind="modal.params"></component>
<component
:is="modal.component"
v-bind="modal.params"
@close="$modal.hide(modal.config.name)"
></component>
</modal>
</div>
</template>
@@ -25,16 +28,18 @@ export default {
methods: {
add (modal, params, config) {
let id = this.uid++
let name = '_dynamic-modal-' + id
config = config || {};
if (!config.name) {
config.name = '_dynamic-modal-' + id;
}
this.modals.push({
id: id,
name: name,
component: modal,
params: params || {},
config: config || {}
})
this.$nextTick(() => {
this.$modal.show(name)
this.$modal.show(config.name)
})
},
remove (id) {