vuex 优化后如下：
const store = new Vuex.Store({
// 其他代码略
mutations: {
// 优化后代码，合并 changeFirstActiveMenu 和 changeSecondActiveMenu
changeActiveMenu (state, menuInfo) {
state[menuInfo.menuHierarchy] = menuInfo.name;
}
}
});
组件 js 部分优化后如下：
methods: {
menuClicked(path) {
// 其他代码略高亮
// 优化后代码：更改一级和二级菜单触发同个 mutation
this.$store.commit("changeActiveMenu", {
menuHierarchy: 'activeFirstMenu',
name: path,
});
this.$store.commit("changeActiveMenu", {
menuHierarchy: 'activeSecondMenu',
name: path,
});
// 其他代码略
},
},
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。