[Vuejs]-How do I scope nuxt-link-exact-active only for particular page in nuxt?

The problem might be with the values of your to="" arguments. They are relative to the current page, so if you navigate to, for example, "learners" then your url will end with …/learners/ then if you navigate to "danger" your url will change to …/learners/danger/ which will be missed by the exact-active class. Try giving absolute values to to="".

The css class you should be using is router-link-exact-active