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

Question

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

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()
}