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?

Css-modules

Aug.30,2021

:global {
  .router-link-active {
    color: red;
  }
}

Previous: The vue routing jump page is stuck.

Next: The RedHat7 operating system is jammed. What should I do if the following interface appears? what is the cause?

The ES6 extension operator cannot be used after a question mark expression.
using css moudules, I encountered the problem of requiring multiple css classes as follows <div className={this.state.showall?...[style.TopBannerBox,style.actAll]:style.TopBannerBox}> can t you use it this way? This makes the report wrong. ...

React.js css-modules es6

Mar.15,2021
The discrepancy between the class selector name in the compiled style when using css module in vue and the class name in dom causes the style not to take effect.
when using css module, the parent component suffixes the class selector of the child component style with the hash suffix, but the html tag is intact, causing the child component to reference no style effect for example, btn.vue is referenced in he...

Component-based css-modules css vue.js

Apr.29,2021
How to use Webpack so that css can only be used by a single component
for example, I have two components An and B. How do I get component A to use only A.less , and component B to use only B.less . Because they all have the same class name. it is known that CSS Module is available. I d like to know if there are ...

Css-modules webpack css front-end

Aug.17,2021
How do I cycle through assignment styles using css module in vue?
data: data(){ return{ timeline:[{ type: yellow },{ type: blue }] } } DOM: <li v-for="(item,idxs) in timeline" :key="idxs" :class="[$style.timeline, $style.item.type]&quo...

Css-modules vue.js

Nov.09,2021
How should the dynamic binding css module style be written in vue?
<swiper height="146px" loop :class="$style.swiper" @on-index-change="activeIndex"> <swiper-item :class="$style[ swiper-item ]" v-for=(item,index) in items> <img :class="$style.im...

Vue.js css-modules

Nov.19,2021
Will the introduction of images with relative paths in scss cause postcss failure?
at first, I configured postcss in webpack , which works, but if a background image is introduced in scss , such an error will be reported when packing. So I added publicPath to the postcss configuration, and found that it did not report an error...

Css-modules scss postcss babel webpack4

Nov.19,2021
Questions about css module
problem description after taking a look at css modules, there are still many places I don t understand. I hope you can give me your advice . principle css-module achieves local scope by escaping class to a unique class name in the form of hash. ...

Css-modules webpack css

Mar.03,2022
Questions about css module
problem description after taking a look at css modules, there are still many places I don t understand. I hope you can give me your advice . principle css-module achieves local scope by escaping class to a unique class name in the form of hash. ...

Css-modules webpack css

Mar.03,2022
Questions about css module
problem description after taking a look at css modules, there are still many places I don t understand. I hope you can give me your advice . principle css-module achieves local scope by escaping class to a unique class name in the form of hash. ...

Css-modules webpack css

Mar.03,2022