使用 Typescript 在 Vue JS 3 中键入浏览器历史记录

Question

访问浏览器历史状态时，我从 eslint 得到“不安全的成员访问 .forward on an 'any' 值”：

if(!previousTab && window.history.state.forward === '/docs') {
  restoreTab()
}

如何用VueJS 3和Typescript输入浏览器历史来消除错误？

Answer 1

您可以 create an object type 您的历史状态：

interface HistoryState {
  forward: string;
}

并断言 window.history.state:

if (!previousTab && (window.history.state as HistoryState).forward === '/docs') {
  restoreTab()
}