：如果返回，焦点不会被移除

Question

我有一个子组件，它有几个带有以下CSS属性的选项卡：

a {
    padding: 7px 14px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    &:hover,
    &:focus {
      background-color: pink;
      border-bottom: 2px solid red;
    }
}

当我点击后退按钮时，它会返回到上一个选择的选项卡，这很好，但是焦点不会从当前的选项卡中移除，除非我点击屏幕的任何其他部分。

如何去除焦点？

Answer 1

我想，我有一个不同的解决方案，您可以使用document和id来设置您的navigate back。下面是示例代码=>
HTML:

<input id="abc">
<button (click)="mySetDefaultFocus()">Set Focus</button>

TS：

 mySetDefaultFocus(){
     document.getElementById(`abc`).focus();
  }

注意：您可以在navigate change或nginit上调用mysetdefaultfocus方法。