Как изменить порядок событий (@click, @blur) на Vue.JS?

Question

[vilaugra]

В компоненте Vue есть блок:

<div @focus="show" @blur="hide" contenteditable>
  ...
</div>

Функция show показывает один элемент (он НЕ дочерний), а hide - его скрывает. У этого элемента есть функция, которая вызывается по клику:

<div @click="myFunc">
  ...
</div>

Так вот, если кликать на этот элемент, должна вызываться функция myFunc, но первой вызывается функция hide из-за того, что фокус пропадает с главного блока, затем нужный элемент скрывается и функция myFunc не вызывается.
Как можно изменить порядок событий, или сделать что еще, чтобы функция myFunc все-таки вызывалась при клике на элемент?

Answer 1

[WapSter]

Вопрос: как у тебя на div может срабатывать focus/blur? И если элемент по которому кликают находится внутри элемента при этом на него нельзя сфокусироваться (а div такой), фокус с родителя не спадет. Делай какое-нибудь условие в hide, что-бы такого закрытия не происходило.

Comments

[WapSter]

Максим Зайцев, точно. Ну тогда вот таким костылем
click успеет сработать, перед тем как сработает blur.

[vilaugra]

Во-первых, у дива есть фокус, потому что стоит contenteditable.
А во-вторых, то элемент не дочерний

[WapSter]

lleballex,

затем нужный элемент скрывается и функция myFunc не вызывается.

из этого я сделал предположение, что дочерний

Answer 2

[alekssamos]

Сделай через небольшой setTimeout.