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

效果展示

功能实现

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实现;

3、头部功能

主要查看“el-icon”这部分的代码;

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章