Verwenden Sie die Options-API, um von Vue 3 ausgegebene Signale zu verarbeiten

Question

Gibt es eine Möglichkeit, Emissionen in die Vue 3 Options API einzugeben, ähnlich der Composition API? Nach der Kombination (Dokumentation):

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

Aber für die Options-API haben wir nur eine Nutzlastvalidierung (Dokumentation):

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

Wenn wir also keine Validierung benötigen, behandelt eslint den Parameter als unbenutzt:

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

Answer 1

添加忽略注释来消除警告：

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

或者对 id 进行简单的验证：

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