vue.js 如何在更改路线时更改数据值

plupiseo 于 2022-11-17 发布在 Vue.js

关注(0)|答案(1)|浏览(137)

我在网站上的导航有一个问题。当我在移动的模式下展开移动菜单时，一切都是正确的。但当我改变路线时，菜单仍然打开。
在data()中，我声明了mobileNav。当我改变路由时，我想把它改为false。我该怎么做呢？
这些是显示移动的导航的主要方法。

methods: {
    checkScreen() {
        this.windowWidth = window.innerWidth;
        if (this.windowWidth <= 750) {
            this.mobile = true;
            return;
        }
        this.mobile = false;
        this.mobileNav = false;
        return;
    },
    toggleMobileNav() {
        this.mobileNav = !this.mobileNav;
    }
},

vue.js

来源：https://stackoverflow.com/questions/74380793/how-to-change-data-value-when-changing-route

1条答案

按热度按时间

webghufk1#

如何使用路由器后挂钩？

router.afterEach((to, from) => {
  this.mobileNav = false;
})

参考：https://router.vuejs.org/guide/advanced/navigation-guards.html#global-after-hooks

赞(0）回复(0）举报 2022-11-17

我来回答

vue.js 如何在更改路线时更改数据值

1条答案

相关问题

热门标签

最新问答