2x.antdv鐨勫浘鏍囩敤娉曞氨涓嶅璇翠簡锛屾牴鎹渶瑕佷粠@ant-design/icons瀵煎叆锛屽畼缃戦閬搃mport{LinkOutlined}from'@ant-design/icons-vue';1x.antdv鐨勭敤娉曞涓?a-iconslot="trigger":type="collapsed?'menu-unfold':'menu-fold'"/>鐩稿浜?x.antdv锛屾垜浠彲浠ラ€氳繃type鍔ㄦ€佹帶鍒讹紝閭ｄ箞濡傛灉2.x鐗堟湰鎴戜篃鎯冲姩鎬佸姞杞藉浘鍛紵鍍忎笅闈㈣繖鏍峰啓锛熷お浣庝簡馃槺鍏充簬鍐欒儗鏅竷灞€锛屾牴鎹畼鏂筪emo锛岄渶瑕佸涓嬩唬鐮侊細杩欓噷鐨勫浘鏍囨槸纭紪鐮佺殑锛岄偅涔堝浣曞儚1.x閭ｆ牱鍔ㄦ€佸姞杞藉憿锛熺1姝ワ細鍐欎竴涓狪CON鑷畾涔夌粍浠?{const{icon}=閬撳叿锛涜繑鍥瀋reateVNode($Icon[icon]);};杩欐牱灏卞彲浠ヤ娇鐢ㄥ姩鎬両CON浜嗭紝鍏蜂綋鐢ㄦ硶锛?template>
杩欐牱灏卞彲浠ヤ娇鐢╮outer.ts鍔ㄦ€佹帶鍒跺乏渚у鑸彍鍗曠殑鍥炬爣浜嗭紒浣犲畬鎴愪簡馃槣//router.tsexportconstroutes:Array
=[{path:'/',name:'Home',redirect:'/index',component:BasicLayout,meta:{title:'Workbench',icon:'DashboardOutlined'},children:[{path:'/index',name:'Dashboard',meta:{title:'Workbench',icon:'LineChartOutlined'},component:()=>import('@/views/Dashboard/Home.vue'),}]}]//鎺у埗涓€绾ф垨浜岀骇鑿滃崟{{route.meta.鏍囬}}{{child.meta.title}}鏁堟灉鍥撅細濡傛灉瀵逛綘鏈夊府鍔╋紝璇风偣涓禐锛屾墦鐮佷笉鏄搤鉂?/p>
