原创 手把手教你搭建 Vue 後臺管理系統框架(基礎效果篇)

先看效果圖: 主要包括以下幾點: 1.登錄(路由守衛);2.封裝 Axios 請求;3.Tabs 動態管理,切換界面;4.動態渲染菜單;5.< keep-alive > 動態緩存指定組件;6.V

原创 手擼一個vue後臺管理系統框架(一)路由+Tabs篇

本章技術棧:Vue-Router + VueX + Tabs + 動態菜單渲染 背景:上週寫了一篇基於 Iframe實現單頁面多tab切換界面無刷新 的功能,現在SPA盛行的時代,感覺Iframe實現SPA有點Low了(不過基於傳統多頁面實

原创 Iframe實現單頁面多tab切換界面無刷新

項目需求:需要在原MVC項目上實現單頁面多tab切換,局部刷新功能。 痛點:原MVC項目菜單欄使用的是a標籤,利用a標籤的hare屬性跳轉到對應界面,所以導致每個界面都得重新加載一遍;項目早已上線 正常運轉,大改框架代價比較大,只

原创 vue+Element-ui項目中抽離分頁組件(包括前端分頁和服務器端分頁兩種)

在components文件夾中新建分頁組件Pagination.vue,代碼如下 <template> <el-row> <div class="number"> <div> 總共 <

原创 Element-UI中,Switch 開關控件點擊事件觸發,但Switch狀態不切換(角色權限管理功能)

在做這種點擊左側“角色”,右側對應選中(Switch)已有的權限功能操作時,可能會遇到給某個選中的“角色”賦權限或刪除權限時,數據庫數據操作成功,但是界面上Switch控件沒有表現出對應的狀態,很有可能時因爲你的“權限列表數據”或“根據角