如何使用动态参数检查当前路由 url

Question

我想在 course-report 组件上隐藏页脚。如果我将下面的代码用于 /login 等其他组件，这是有效的，但是当我将此代码与 id route 一起使用时，这是行不通的。我该如何解决这个问题？

router.events.forEach((event) = > {
    if (event instanceof NavigationStart) {
        if (event['url'] == 'coursereport/:id') {
            this.showFoot = false;
        } else {
            // console.log("NU")
            this.showFoot = true;
        }
    }
});

Answer 1

您可能应该检查字符串是否包含一个值而不是等同于它，并省略 :id:

router.events.forEach((event) => {
          if (event instanceof NavigationStart) {
            if (event['url'].includes('coursereport/') {
              ...
            } else {
              ...
            }
          }
        });