我正在使用以下路由器设置:
export default new Router({
mode: 'hash',
linkActiveClass: 'open active',
scrollBehavior: () => ({ y: 0 }),
routes: [
{
path: '/',
....
在 .vue 文件中声明以下注销函数:
logout () {
this.$router.push('/logout')
}
当我运行应用程序时,路径是:
www.mydomain.com/app#/router_paths
因此,当我运行上面的注销功能时,我被重定向到:
www.mydomain.com/app#/logout
我尝试使用:
<b-dropdown-item ><i class="fa fa-lock"></i> <a href="logout">Logout</a> </b-dropdown-item>
虽然硬编码适用于本地和服务器,但我将鼠标悬停在链接上,它显示
www.mydomain.com/logout
但是当我单击它时没有任何反应 - 即我没有被重定向
如何告诉路由器重定向到
www.mydomain.com/logout
(不只是在代码中硬编码 - 因为我想在本地和部署的实例上运行)
window.location.replace('/logout')
replace() 方法将当前文档替换为新文档。
从 W3.
logout () {
window.location.replace('/logout');
}
然后使用
<button v-on:click="logout">Logout</button>