Vue EventBus не будет передавать атрибуты объекта

Я был бы признателен за вашу помощь с двумя компонентами Vue Single Page.

Компонент «Панель поиска» содержит диалоговое окно для пользовательских входов. Эти пользовательские входы необходимы в компоненте «ResultList» для дальнейшего использования. Поэтому я хочу использовать Vue EventBus для передачи.

Пользовательский ввод - это объект с двумя атрибутами:

userInput: {
    userName: '',
    taskNr: ''
  },

и передается в «ResultList» с EventBus:

emitUserInput: function () {
  EventBus.$emit('emitUserInput', this.userInput)
}

в «ResultList» - это метод слушателя, который должен хранить объект в компоненте data-Object:

userInputListener: function () {
  EventBus.$on('emitUserInput', setUser => {
    this.userInput.userName = $userInput.userName
    this.userInput.taskNr = $userInput.taskNr
  })
}

К сожалению, внутри userInput-объекта 'ResultList' нет изменений. Его атрибуты userName и taskNr остаются пустыми.

Я был бы рад любым идеям. Заранее спасибо!

Обновить

Вот код, вызывающий «emitUserInput ()» в компоненте «Searchbar»

<el-form-item>
      <el-button @click='emitUserInput(), toggleInputForm = false'>Bestatigen</el-button>
</el-form-item>

И вот объект данных в компоненте «Searchbar»:

data () {
  return {
    userInput: {
      userName: '',
      taskNr: ''
  } 
}

javascript,vue.js,event-bus,element-ui,

0