After using css module, router-link-active is invalid. How can I adjust it?

 <div :class="$style.tab">
      <router-link to="/home" :class="$style["tab-item"]"> <span class="icon iconfont icon-home"></span>

</router-link> <router-link to="/discover" :class="$style["tab-item"]"> <span class="icon iconfont icon-discover"></span>

</router-link> <router-link to="/goods" :class="$style["tab-item"]"> <span class="icon iconfont icon-kinds"></span>

</router-link> <router-link to="/mine" :class="$style["tab-item"]"> <span class="icon iconfont icon-mine"></span>

</router-link> </div> // .router-link-active { color: red; }

all styles bound through $style are correct. Cssmodules escapes style names, but router-link-active is bound only when routing is activated. Check that element style names are available, but not compiled. The style does not have a
. How can I bind it correctly?

clipboard.png

Aug.30,2021

:global {
  .router-link-active {
    color: red;
  }
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b33409-2be63.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b33409-2be63.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?