40 lines
828 B
Vue
40 lines
828 B
Vue
<template>
|
|
<Dialog v-model="show" :options="{ title: '添加新卡片' }">
|
|
<template #body-content>
|
|
<p class="text-sm mb-5 text-gray-700" v-if="message">
|
|
{{ message }}
|
|
</p>
|
|
<StripeCard2 @complete="show = false" />
|
|
</template>
|
|
</Dialog>
|
|
</template>
|
|
<script>
|
|
import StripeCard from './StripeCard.vue';
|
|
export default {
|
|
name: 'StripeCardDialog',
|
|
props: ['modelValue', 'message'],
|
|
emits: ['update:modelValue'],
|
|
components: {
|
|
StripeCard2: StripeCard
|
|
},
|
|
data() {
|
|
return {
|
|
_show: true
|
|
};
|
|
},
|
|
computed: {
|
|
show: {
|
|
get() {
|
|
return this.modelValue == null ? this._show : this.modelValue;
|
|
},
|
|
set(value) {
|
|
if (this.modelValue == null) {
|
|
this._show = value;
|
|
return;
|
|
}
|
|
this.$emit('update:modelValue', value);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script> |