изменение фокуса на компонент «а», нажав на кнопку на модальной «б» в Vuejs - PullRequest
Новая
       34

изменение фокуса на компонент «а», нажав на кнопку на модальной «б» в Vuejs

0 голосов
/ 28 февраля 2020

У меня есть card component с кнопкой с уникальным идентификатором. У меня также есть такие компоненты, как component a, component b, ... А затем у меня есть еще одна modal component, содержащая кнопку, которая при нажатии устанавливает фокус на кнопку компонента card, используя eventBus - component a , component b, .... Проблема в том, что при нажатии на модальную кнопку фокус переходит на адресную строку вместо кнопки card. Обратите внимание, я знаю, что функции выполняются правильно, так как я могу видеть журналы в консоли, если я их туда поместил.

Итак, просто подведу итог:

@ нажмите кнопку card component - ($emit) -> component a прослушивает ($on) и затем выполняет card component s focusToSetReminder()

компонент a html и js: 

<card ref="casinoTime"></card>

...
mounted(){
    this.$nextTick(() => {
      EventBus.$on("fix-focus", this.focusToSetReminder)
    });
  },
methods: {
    focusToSetReminder(){
      this.$nextTick(() => {
        this.$refs.casinoTime.focusToSetReminder();
      })
    },

Модальный компонент html и js: 

<modal>
    <button @click="focusFixer">hello</button>
</modal>
...
focusFixer(){
      EventBus.$emit("fix-focus");
    }

Компоненты карты html & js: 

<button id="submitButtonId">hello</button>
...
focusToSetReminder(){
      this.$nextTick(() => {
          $('#submitButtonId').focus() 
      });
    },
...