Javascript v-如果不更新导航条

我正在使用VUE JS构建一个应用程序，其中有一个头部组件。在这个组件中，我根据路由有条件地显示子标题。因此，一旦数据属性更新，v-if就不会呈现子标题

    <nav v-if="module === 'ap'" id="account-nav">
    </nav>
    <nav v-if="module === 'ip'" id="account-nav">
    </nav>

watch: {
    '$route' (to) {
        if(to.path.includes('/ap/')) {
            this.module = 'ap'
        } else if (to.path.includes('/ip/')) {
            this.module = 'ip'
        }
    }
}

观察：{
“$route”（收件人）{
if（to.path.includes（'/ap/'））{
this.module='ap'
}else if（to.path.includes（'/ip/'））{
this.module='ip'
}
}
}

---

您在

v-if=“module=='ip'

@boussadjrahim中缺少关闭

”

“我刚才没有在这里添加它。请将

记录到
参数，并给我输出
'$route'（to）{console.log（to）…
@boussadjrahim控制台添加的屏幕截图为什么两个导航ID都相同