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

朴灿烈づ我的快乐病毒、 2022-01-19 03:07 497阅读 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 条评论，497人围观）

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

相关阅读

相关 vue 多个路由路由跳转created不执行

问题今天做项目的时候发现，vue页面路由跳转的时候，created函数不执行。 created() { }, 解决办...

﹏ヽ暗。殇╰゛Y/ 2024年04月17日 18:16/ 0 赞/ 64 阅读

相关 Spring– $ {}在@Value中不起作用

一个简单的Spring `@PropertySource`示例，用于读取属性文件。 db.properties db.driver=oracle.jdbc.driv

迷南。/ 2023年02月15日 05:14/ 0 赞/ 13 阅读

相关 ie print没反应,window.print（）在IE中不起作用

![Image 1][] I am doing something like this in javascript to print a section of my page

痛定思痛。/ 2023年01月24日 02:25/ 0 赞/ 14 阅读

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

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

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

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

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

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

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

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

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

相关 textarea在ie中focus不起作用

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

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

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

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

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

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

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

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

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

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

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