The right way to describe emits with update

[fairking]

Hi everyone,

I have the following code:

export default defineComponent({
    emits: ["update:modelValue","update:show"],
});

The question is how do I define emits in a function style way?

export default defineComponent({
    emits: {
        update: function(modelValue: string) {
            return true;
        },
        update: function(show: bool) {
            return true;
        },

Would the above example be correct? Unfortunately I could not find anywhere such examples (even in docs).

[Shyam-Chen]

https://vuejs.org/api/sfc-script-setup.html#definemodel

<script lang="ts" setup>
const defaultModel = defineModel<string>({ default: '' });
const showModel = defineModel<boolean>('show', { default: undefined });

const props = defineProps<{
  /* ... */
}>();

const emit = defineEmits<{
  /* ... */
}>();
</script>

[fairking]

Sorry, this is probably composition api and I am not using it. I don't understand what you wrote, looks very overcomplicated.

[jacekkarczmarczyk]

        'update:modelValue': function(modelValue: string) {
            return true;
        },

[fairking]

Cool thanks for the answer. Yes, that makes sense.