vue.js - Vuejs : Event on route change

标签 vue.js vuejs2 vue-router

在我的主页上,我通过单击链接 @click = "show=!show" 来显示 v-show=show 的下拉菜单,我想设置show=false 当我改变路线时。请告诉我如何实现这个东西。

最佳答案

设置 watcher在组件中的 $route 上,如下所示:

watch:{
    $route (to, from){
        this.show = false;
    }
} 

这会观察路由变化,并在发生变化时将 show 设置为 false

关于vue.js - Vuejs : Event on route change,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46402809/

相关文章:

javascript - 错误类型错误 : Class extends value undefined is not a constructor or null. Vue.js

javascript - 如何在 Vuetify 中制作 strip 化的 v-data-table?

javascript - 如何在 NuxtJS 中为 Assets 提供 CDN 链接?

javascript - 使用vue-resource时TypeError : t. replace is not a function错误

javascript - v-on :click expects a function value, 未定义

javascript - Vuetify 将规则验证应用于自定义组件

javascript - 运行 Vuejs 方法后 Prop 值丢失

javascript - 如何让 Nuxt.js 接受 `/` 和 `/index.html` URL?

vue.js - 如何在Vue中获取当前的路由名称?

validation - 对 v-for 生成的动态项目的 Element-UI 验证