是否在更改路线时禁用移动菜单转换

Question

在应用程序中更改页面路由时，是否有方法禁用移动菜单转换？在最初的构建中，我注意到当我更改页面路由时，菜单将保持打开状态。然后我添加了一个路线观察器到"；关闭"；页面上的菜单路由更改正在工作。但是，当页面路由更改时，路由更改，然后移动菜单应用其vue转换，并在页面已经更改后关闭，这不是世界末日，但对我来说有点刺耳。如何关闭菜单并避免转换？

export default {
name: "Menu",
data() {
return {  
activeMenu: false,
menuTransition: null 
};
},
watch: {
$route() {
this.activeMenu = false;
}
}
};

菜单项之一：

<transition :name="menuTransition">
<ul
class="dropdown-menu"
>
<li>
<router-link to="/page2"
>Page 2</router-link
>
</li>
</ul>
</transition>

Answer 1

当路由立即更改时，您可以添加一个新的类notransition。然后删除该类，以便转换可以正常工作。

.notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}