Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 4x 4x | <template>
<BModal v-model="show" :id="id" title="Confirm delete" centered>
<span class="w-100 text-center">Are you shure ?</span>
<template #modal-footer>
<div class="w-100 d-flex justify-content-end">
<button size="sm" class="btn btn-light mr-2" v-on:click="show = false">
Cancel
</button>
<button size="sm" class="btn btn-danger" v-on:click="remove">
Detete
</button>
</div>
</template>
</BModal>
</template>
<script>
export default {
name: "ConfirmDeleteImageModal",
props: {
id: {
type: String,
required: true,
},
},
data: () => ({
show: false,
}),
methods: {
remove: function () {
this.$emit("confirm");
this.show = false;
},
},
};
</script>
<style scoped>
</style> |