В Vue.js метод emitиспользуется для связи между дочерними и родительскими компонентами путем отправки пользовательских событий. При отправке события вы также можете передавать вместе с ним параметры. Вот несколько методов, которые вы можете использовать для генерации событий с параметрами в Vue.js:
-
Базовый выброс:
// Child component this.$emit('eventName', parameter); // Parent component <ChildComponent @eventName="handleEvent" /> methods: { handleEvent(parameter) { // Handle the emitted event with parameter } } -
Испустить объект:
// Child component this.$emit('eventName', { param1: value1, param2: value2 }); // Parent component <ChildComponent @eventName="handleEvent" /> methods: { handleEvent(params) { const { param1, param2 } = params; // Access the parameters individually } } -
Выдать несколько параметров:
// Child component this.$emit('eventName', parameter1, parameter2); // Parent component <ChildComponent @eventName="handleEvent" /> methods: { handleEvent(param1, param2) { // Handle the emitted event with multiple parameters } } -
Создание с использованием модификаторов событий:
// Child component this.$emit('eventName', { param }, { bubbles: true, composed: true }); // Parent component <ChildComponent @eventName="handleEvent" /> methods: { handleEvent(event) { const param = event.detail.param; // Access the emitted parameter } } -
Отправка с динамическим именем события:
// Child component const eventName = 'dynamicEventName'; this.$emit(eventName, parameter); // Parent component <ChildComponent @[eventName]="handleEvent" /> methods: { handleEvent(parameter) { // Handle the emitted event with dynamic event name and parameter } }