Vuejs:路线更改事件 [英] Vuejs: Event on route change

问题描述

在我的主页中，我有下拉菜单，通过单击链接 @click = "show=!show" 显示 v-show=show 并且我想设置 show=false 当我改变路线时.请告诉我如何实现这件事.

In my main page I have dropdowns that show v-show=show by clicking on link @click = "show=!show" and I want to set show=false when I change route. Advise me please how to realize this thing.

推荐答案

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

Setup a watcher on the $route in your component like this:

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

这会观察路线变化，当变化时，将 show 设置为 false

This observes for route changes and when changed ,sets show to false

这篇关于Vuejs:路线更改事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！