Как передавать дополнительные аргументы в $emit события?

Question

[werttqw]

Есть компонент BaseCheckBox который эмитит событие и в него передаю 2 аргумента. В другом компоненте где использую BaseCheckBox слушаю @событие="metod" и внутри скрипта metod(arg1,arg2) получаю эти аргументы и все хорошо. Но что если мне нужно передать в @событие="metod(дополнительный аргумент который находится на этом уровне где использую BaseCheckBox )" если @событие="metod(arg1,arg2, дополнительный аргумент который находится на этом уровне)" то я теряю те аргументы которые передает сам чекбокс. Как получить и те и те данные?

Comments

[modelair]

что такое дополнительный аргумент и в чем отличие от первых двух?

[werttqw]

modelair, первые два прокидываешь на уровне самого компонента где создаешь событие, дополнительные те которые передаешь уже на уровне где прослушиваешь событие

[modelair]

emit передает данные только в одну сторону. в другую сторону есть props

[werttqw]

modelair, в другую не надо

[modelair]

в таком случае просто эмитируй нужное колво параметров и лови в родителе. emit('event', event, val1, val2, val3)

[Илья Корень]

@событие="metod($event, arg) и все.
в $event попадает все, что было передано через $emit

Answer 1

[furashcka]

vue намеренно ограничивает кол-во аргументов в своих стандартных функциях, только ОДИН объект, объясняется это тем что объект нагляднее читается в коде чем просто список аргументов:

mySuperFunction1(ignoreCache,  isReverse, removeEmpty, visible) { ... }
mySuperFunction2({ignoreCache,  isReverse, removeEmpty, visible}) { ... }

mySuperFunction1(false, true, true, true);
mySuperFunction2({
  ignoreCache: false,
  isReverse: true,
  removeEmpty: true,
  visible: true
})

В вашем случаи в $emit можно передавать массив

$emit(`name`, [arg1, arg2]);

А снаружи раскладывать массив стандартной es6 операцией:
@событие="metod(...$event)"