RouterLink在IE和Firefox中不起作用（路由不跳转）的问题

朴灿烈づ我的快乐病毒、 2022-01-19 03:07 484阅读 0赞

## 问题描述 ##

假设路由已配置好，但运行如下代码后，点击 Admin 按钮却没有跳转至 admin 界面。（clrDropdownItem为按钮样式）

**main.component.html**

<button type="button" clrDropdownItem >
    	<a routerLink="/admin"> Admin </a>
    </button>
    复制代码

## 解决方法 ##

### 方法一 ###

将 clrDropdownItem 样式放在`<a>`标签，不使用`<button>`标签

<a clrDropdownItem routerLink="/admin"> Admin </a>
    复制代码

咦，样式不生效怎么办？看方法二吧。

### 方法二 ###

使用`<button>`标签和Router.navigate方法

**main.component.html**

<button type="button" clrDropdownItem (click)="gotoAdmin()">
        Admin
    </button>
    复制代码

**main.component.ts**

import { Router } from '@angular/router';
    ...
    export class MainComponent  {
        constructor(
            private router: Router
        ) {}
        
        gotoAdmin() {
            this.router.navigate(['/admin']);
        }
    }
    
    复制代码

## 参考链接 ##

[Angular5在IE和Firefox中没有使用Routerlink和按钮的响应][Angular5_IE_Firefox_Routerlink]

[Angular官方文档：路由与导航][Angular]

转载于:https://juejin.im/post/5c79f32d51882540766b64b4

[Angular5_IE_Firefox_Routerlink]: https://link.juejin.im?target=https%3A%2F%2Fstackoverflow.com%2Fquestions%2F47489156%2Fangular5-no-response-with-routerlink-and-button-in-ie-and-firefox
[Angular]: https://link.juejin.im?target=https%3A%2F%2Fwww.angular.cn%2Fguide%2Frouter%23configuration

发表评论取消回复

表情：

评论列表（有 0 条评论，484人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目路由不跳转的问题

安装了路由模块后没有跳转。解决：需要做3件事： 1，配置main.js 2，配置index.js 3，在APP.vue里面加入<router-view> （这个一

太过爱你忘了你带给我的痛/ 2022年12月17日 07:03/ 0 赞/ 210 阅读

相关 vue 路由跳转页面不刷新问题解决

看到浏览器中地址在变。页面却一直更新不动。尝试很多方法。在App.vue中 <router-view>增加标识key无效的。可以往下面看 ![watermark_type_Z

今天药忘吃喽~/ 2022年12月05日 12:25/ 0 赞/ 581 阅读

相关在IE和FireFox中显示不一致

&nbsp在IE和FireFox中显示不一致在做新闻发布系统后台登陆界面时，为了界面美观，想在“密码”二字中间添加空格，从而让“

悠悠/ 2022年08月11日 05:28/ 0 赞/ 216 阅读

相关 textarea在ie中focus不起作用

由于兼容性没有考虑周全，今天遇到了这个问题： ![复制代码][copycode.gif] <html lang="en"> <head> <

秒速五厘米/ 2022年08月06日 10:10/ 0 赞/ 206 阅读

相关 vue脚手架的路由不起作用

为什么我写的router文件夹下的index.js写的路由器不起作用，运行起来永远进入的是默认的helloword组件 import Vue from 'vue'

左手的ㄟ右手/ 2022年05月30日 02:11/ 0 赞/ 205 阅读

相关 vue中路由控制登陆不能随便跳转

需求: 如果不登录就不能随便操作路由比如说 [http://192.168.0.100][http_192.168.0.100] 打开登陆页面输入http://19

ゞ浴缸里的玫瑰/ 2022年04月10日 01:43/ 0 赞/ 289 阅读

相关 vue2 vue-router 在IE下不跳转问题

问题： > 使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。解决方式： > 在App.vue 里增加判断IE浏览器手动修复……

╰半橙微兮°/ 2022年02月13日 03:51/ 0 赞/ 340 阅读

相关 RouterLink在IE和Firefox中不起作用（路由不跳转）的问题

问题描述假设路由已配置好，但运行如下代码后，点击 Admin 按钮却没有跳转至 admin 界面。（clrDropdownItem为按钮样式） main.compon

朴灿烈づ我的快乐病毒、/ 2022年01月19日 03:07/ 0 赞/ 485 阅读

相关写在方法中的路由跳转

场景：login页面点击登陆按钮，登陆成功后，进入home页面；（当然，这里就不能用Link跳转了）问题：history的报错；解决：需要引入react-router-

忘是亡心i/ 2021年12月17日 09:27/ 0 赞/ 270 阅读

相关 word-wrap在firefox中不起作用的解决方法

word-wrap:break-word 在firefox中不会起作用，以下是解决办法完整的css代码为 word-wrap:break-word; overf

左手的ㄟ右手/ 2021年11月22日 23:20/ 0 赞/ 319 阅读