How do I set nuxt-link's active-class for links with parameters?

Question

My code is this.
However, in this code, "/" does not become active-class when domain.com/?standalone=true.

<nuxt-link to="/" class="navBotton" exact-active-class="active" ><span>Home</span>
</nuxt-link>
<nuxt-link to="/post" class="navBotton" active-class="active" ><span>Post</span>
</nuxt-link>
<nuxt-link to="/about" class="navBotton" active-class="active" ><span>About</span>
</nuxt-link>

How do I fix it?

When I remove exact, it becomes active-class on all pages.

---

Thank you for some answers.

I found a way to activate when "/" regardless of parameter. This is the code.

<nuxt-link
        to="/"
        class="navBotton home"
        :class="{'active': isRouteActive }"
        exact-active-class="active"
      >

computed: {
    isRouteActive: function() {
      if (this.$nuxt.$route.path=="/") {
        return true;
      } else {
        return false;
      }
    }
  }

Answer 1

in nuxt configuration file usually called nuxt.config.js there is a property of the object called router:

router: {
    linkActiveClass: 'your-custom-active-link',
    linkExactActiveClass: 'your-custom-exact-active-link',
  }

Then in your css:

.your-custom-active-link {
  /* styles here */
}
.your-custom-exact-active-link {
  /* styles here */
}

Hope it helps!