使用focus方法自动打开tab界面闪烁

视频效果:


代码: ruleNameTextField.focus();
描述:通过“快速定位”能自动打开关联的tab,并且光标自动到“规则名称”输入框;
但是,点击“添加配置”,新增一个tab的情况下,界面闪烁一下,开始是正常效果,然后滚动条又自动上去了,而且鼠标点击界面,又自动下来。

请问这个问题如何解决?

是不是因为创建的新 tab 在页面之外的原因?用下面的步骤试试呢:

  1. 新 tab 创建好之后展开。
  2. 执行 js 的 scrollIntoView 把 tab 滚动到视窗范围内,例如:
// 我这里是用一个 id 为 testVbox 的 vbox 做的测试
JavaScript.getCurrent().execute("document.getElementsByClassName('v-slot-testVbox')[0].scrollIntoView({behavior:'smooth'});");
  1. 再调用 ruleNameTextField.focus() 聚焦。