SPA 中可访问性的注销路由或功能
Logout route or function for accessibility in a SPA
我们用
有什么区别吗
- a link 路线：
<a href="/logout">Logout</a> 或
- 具有以下功能的按钮：
<button onclick="logout()">Logout</button>
在可访问性方面？
/logout 路由基本上只会重定向到 /login。使用 logout() 函数时也会发生同样的情况。
两者有优缺点吗？
如果我们谈论的是单页应用程序，href 会重新加载您不想要的页面。你想要的是重新呈现页面。如果您使用的是框架，他们有 "routers" 可以为您做到这一点，但如果您使用的是普通 DOM，我建议使用 "render" div 并让 logout() 执行重新渲染。
不是一个完整的答案，只是一些要补充的东西：
您已经了解何时使用 link（导航）与按钮（基于 JS 的操作）的一般用例。
这就是我在 SPA 中通常的想法：
在Login/Logout或者表单提交的情况下，"action"虽然可以导航到一个新的页面但是是间接的，它首先需要由SPA根据其进行处理和处理决定路由。
此外，允许 Login/Logout 在 link 默认提供的新选项卡中打开或将其添加为书签是没有意义的。
还要想想你用 SignUp 或 Login 做什么，它们是按钮。
所以在这种情况下我会选择按钮。
我们用
有什么区别吗- a link 路线：
<a href="/logout">Logout</a>或 - 具有以下功能的按钮：
<button onclick="logout()">Logout</button>
在可访问性方面？
/logout 路由基本上只会重定向到 /login。使用 logout() 函数时也会发生同样的情况。
两者有优缺点吗？
如果我们谈论的是单页应用程序，href 会重新加载您不想要的页面。你想要的是重新呈现页面。如果您使用的是框架，他们有 "routers" 可以为您做到这一点，但如果您使用的是普通 DOM，我建议使用 "render" div 并让 logout() 执行重新渲染。
不是一个完整的答案，只是一些要补充的东西：
您已经了解何时使用 link（导航）与按钮（基于 JS 的操作）的一般用例。
这就是我在 SPA 中通常的想法：
在Login/Logout或者表单提交的情况下，"action"虽然可以导航到一个新的页面但是是间接的，它首先需要由SPA根据其进行处理和处理决定路由。 此外，允许 Login/Logout 在 link 默认提供的新选项卡中打开或将其添加为书签是没有意义的。
还要想想你用 SignUp 或 Login 做什么，它们是按钮。
所以在这种情况下我会选择按钮。