html - dart中的路由器未捕获window.location.assign()

Question

我尝试使用来自route_hierarchical/client.dart的路由器来监听onpopstate事件，并在index.html中启用/禁用<div>。 (stagehand.pub dart插件中的示例)
如果通过index.html中的常规<a href="/relativePath">完成此操作，则它将起作用。
但是，如果我尝试通过调用的button.onClick.listen()处理程序更改路径:

window.location.assign('/relativePath');

我收到404，并且路由器无法正确处理我的事件。
该 Action 是否应该不调用Router捕获的popstate event(如 here所述)？

handlers.dart

...
button.onClick.listen((_){
   window.location.assign('/about');
});

...

router.dart

var router = new Router();
  router.root
    ..addRoute(name: 'about', path: '/about', enter: showAbout)
    ..addRoute(name: 'login', defaultRoute: true, path: '/', enter: showLogin)
    ..addRoute(name: 'context', path: '/context', enter: showContext);
  router.listen();
}

void showAbout(RouteEvent e) {
  // Extremely simple and non-scalable way to show different views.
  querySelector('#login').style.display = 'none';
  querySelector('#about').style.display = '';
  querySelector('#context').style.display = 'none';
} ...

index.html

...
<form>
    <button type="button" id="submit" disabled="true" >
        Login
    </button>
</form>
...

Answer 1

onPopState是错误的事件。仅当您导航到现有历史记录条目(后退，前进，pushState，进入历史记录的第二个条目)时，才会触发此事件。
您正在寻找的可能是window.onHashChange事件。