The vue navigation bar avtive style subpage is invalid

the code is as follows

          <template>
                <li>
                    <nuxt-link to="/"  :class="{"active":isActive }"></nuxt-link>
                </li>
                <li>
                    <a href="https://qiu006.com/zuqiu"></a>
                </li>
                <li>
                    <a href="https://qiu006.com/lanqiu"></a>
                </li>
                <li>
                    <nuxt-link to="/tuijian"></nuxt-link>
                </li>
           </template>



            <script>
                export default {
                    data(){
                        return{
                            isActive:true,
                        }
                    }
                }
            </script>

at this point, I need to add new child pages under the / tuijian directory, but the active style selected in the navigation bar of the route jump rotor page (the background is red) is gone.

            <p class="more">
                      <a href="/tuijian/dashen"><img src="../static/image/more2.png"></a>
            

clipboard.png

clipboard.png


get this.$route.matched , and loop to determine whether the current route exists tuijian

.
Menu