src/components/MdDialog/MdDialogConfirm/MdDialogConfirm.vue
<template>
<md-dialog v-bind="$attrs" v-on="$listeners" :md-fullscreen="false">
<md-dialog-title v-if="mdTitle">{{ mdTitle }}</md-dialog-title>
<md-dialog-content v-if="mdContent" v-html="mdContent" />
<md-dialog-actions>
<md-button @click="onCancel">{{ mdCancelText }}</md-button>
<md-button class="md-primary" @click="onConfirm">{{ mdConfirmText }}</md-button>
</md-dialog-actions>
</md-dialog>
</template>
<script>
export default {
name: 'MdDialogConfirm',
props: {
mdTitle: String,
mdContent: String,
mdConfirmText: {
type: String,
default: 'Ok'
},
mdCancelText: {
type: String,
default: 'Cancel'
}
},
methods: {
onCancel () {
this.$emit('md-cancel')
this.$emit('update:mdActive', false)
},
onConfirm () {
this.$emit('md-confirm')
this.$emit('update:mdActive', false)
}
}
}
</script>