多维表格
 
 
 
 
 
 

45 lines
1.1 KiB

<template>
<v-select
v-model="hookEvent"
class="caption"
outlined
dense
label="Event"
required
:items="eventList"
:item-text="v => v.text.join(' ')"
:item-value="v => v.value.join(' ')"
:rules="[v => !!v || 'Event Required']"
/>
</template>
<script>
export default {
name: 'WebhookEvent',
props: ['operation', 'event'],
data: () => ({
eventList: [
// {text: ["Before", "Insert"], value: ['before', 'insert']},
{ text: ['After', 'Insert'], value: ['after', 'insert'] },
// {text: ["Before", "Update"], value: ['before', 'update']},
{ text: ['After', 'Update'], value: ['after', 'update'] },
// {text: ["Before", "Delete"], value: ['before', 'delete']},
{ text: ['After', 'Delete'], value: ['after', 'delete'] },
],
}),
computed: {
hookEvent: {
get() {
return `${this.event} ${this.operation}`;
},
set(v) {
const [event, operation] = v.split(' ');
this.$emit('update:event', event);
this.$emit('update:operation', operation);
},
},
},
};
</script>
<style scoped></style>