1、用戶列表頁面，點擊分配角色按鈕，彈出分配角色對話框 給分配角色按鈕添加點擊事件，並傳遞當前行的信息： setRole事件： 添加分配角色的對話框： 此時點擊分配角色按鈕，效果如圖： 然后要獲取所有角色列表 ...

1、通過路由展示角色列表組件 新建roles.vue文件： 添加角色列表路由： 點擊左側菜單的角色列表，效果如圖： 2、繪制基本布局並獲取角色列表數據 先實現基本布局，還是面包屑和卡片視圖： 添加獲取方法： 通過調用api接口獲取角色列表 ...

1、打開Element網站，找到主頁需要的布局格式 修改Home.vue： 效果圖如下： 2、美化Header區域布局樣式 3、左側導航菜單 菜單分為二級，並且可以折疊 找到Element里的導航菜單代碼： 然后在element.js里 ...

項目優化策略 6、通過 CDN 優化 ElementUI 的打包 在資源列表中 js/chunk-vendors.4da6d812.js 這個文件后面還是有個驚嘆號，說明體積還是大。 而在依賴項中的，element-ui 的 大小是 659.3kB。 雖然在開發階段，我們啟用 ...

1、通過編程式導航跳轉到商品添加頁面 給添加商品按鈕添加點擊事件： goAddpage事件函數： 在goods文件夾下新建Add.vue文件： 添加路由： 點擊添加商品按鈕，效果圖： 2、渲染添加商品頁面的基本結構 ...

1、創建order分支 創建分支： 推送到遠程： 2、通過路由渲染訂單列表頁面 新建order文件夾，Order.vue文件： 添加路由： 基礎布局： 效果如圖： 3、根據分頁獲取訂單數據列表 調用api ...

效果圖： 1、首先來根據Element網站實現布局： 2、加入表單驗證規則 loginForm：是數據綁定對象，loginFormRef：是引用名稱，loginF ...

1、創建數據報表分支report並push到遠程 創建分支： 推送到遠程：（以前碼雲中沒有該分支，所以要加-u，如果碼雲中有該分支，則不需要加-u） 2、通過路由加載數據報表組件 新建report文件夾和Report.vue文件： 添加路由 ...