如何关注组件

Question

我正在使用＆＃39; keen-ui＆＃39;我的项目中的库。选择项目的special component。我想处理来自另一个组件的事件，并将重点放在此，但我不知道如何做。

其他具有<input/>标记内容的组件可以像this.$refs[component name].$el.children[0].children[1].focus那样聚焦，其中children[0].children[1]是<input/>元素。这很难看，但如果组件不包含输入标签，我们就连这个都做不到。

Answer 1

检查小部件时，我发现它们包含div tabindex="0"，这意味着他们可以获得焦点。

如果组件上有ref，您应该可以执行类似

的操作

const focusableEl = this.$refs.uiselect.querySelector('[tabindex="0"]');
focusableEl.dispatchEvent(new Event('focus'));

并且小部件将亮起。我实际上是从控制台那里测试出来的。有趣的是，blur对我不起作用。