vue3+elementPlus实现左导航栏的展开收起

科技 08-05 来源：东少笔记

效果展示

功能实现

1、增加store文件“index.ts”

export default {  state: {    isCollapse: false, // 是否折叠  },  getters: {  },  mutations: {    SET_IS_COLLAPSE: (state: any, isCollapse: boolean) => {      state.isCollapse = isCollapse    }  },  actions: {    setIsCollapse({ commit }: any, isCollapse = false) {      commit('SET_IS_COLLAPSE', isCollapse)    }  }}

2、左导航栏功能

利用element-plus的组件el-menu实现；