Utilisez l'API Options pour gérer les signaux émis par vue 3

Question

Existe-t-il un moyen de saisir les émissions dans l'API Options vue 3 similaire à l'API Composition ? Selon la combinaison (documentation) :

<script setup lang="ts">
// type-based
const emit = defineEmits<{
  (e: 'change', id: number): void
  (e: 'update', value: string): void
}>()
</script>

Mais pour l'API des options, nous n'avons que la validation de la charge utile (documentation) :

emits: {
    addBook(payload: { bookName: string }) {
      // perform runtime validation
      return payload.bookName.length > 0
    }
  }

Donc, si nous n'avons pas besoin de validation, eslint traitera le paramètre comme inutilisé :

emits: {
    change: (id: number) => true // 'id' is defined but never used
}

Answer 1

Ajouter une annotation ignorer pour supprimer les avertissements :

// eslint-disable-next-line no-unused-vars @typescript-eslint/no-unused-vars
change: (id: number) => true

Ou vérifiez simplement id :

change: (id: number) => typeof id === 'number'