原创 vue項目中手機號+郵箱驗證正則~✔
vue項目中手機號+郵箱驗證正則~✔ vue項目中經常會遇到各種驗證規則的需求。這裏我把佈局用ElementUI來寫出來了。接下來需要添加用戶，密碼，手機號，郵箱的驗證規則。 裏面用戶名，密碼是比較簡單的，直接用element提供的組件驗
2022-11-10 13:00:27
原创 項目中使用ElementUI的Form 組件
使用ElementUI的Form 組件 （1）首先必須是項目中安裝ElementUI庫 （2）引入Vue的項目中 （3）引入對應的組件名稱並且全局註冊 ElementUI 安裝 npm i element-ui -S 引入 Elem
2022-11-09 13:00:30
原创 ElementUI中Table和Switch組件中插槽scope應用使用場景
ElementUI中Table和Switch組件中插槽scope應用使用場景 ElementUI 安裝 npm i element-ui -S 引入 Element main.js 內容添加 import ElementUI from
2022-11-09 13:00:30
原创 項目上線-項目報告+創建web服務器
一般我們的項目開發完畢以後就需要考慮如何優化，如何將項目部署上線，提供給外界用戶使用等的問題。 所有必須要考慮的問題是：優化項目，部署上線項目 項目優化方案： （1）生成打包報告：通過項目的Vue UI可視化工具生成一個打包的報告，根據報
2022-11-08 13:00:36
原创 左側菜單改造路由鏈接
使用ElementUI實現左側菜單改造路由鏈接 Vue的項目中我們會經常用到Element，Iview..等輕量框架來實現頁面佈局。如果是不是徹底理解這些框架的各個功能和屬性的話會帶來很多麻煩的。 項目中用到了elementUI的菜單組件
2022-11-08 13:00:36
原创 ElementUI側邊欄展開隱藏摺疊功能
一般後臺管理項目中無論是ElementUI或Iview 輕量UI框架都有很多組件來實現功能 我們需要實現的是這樣子的： 在源代碼裏左側菜單之前添加一個div，類名爲“toggle-button”，然後在div中添加“|||”三個豎槓，作爲
2022-11-08 13:00:36
原创 ElementUI的左側菜單欄的小問題~~
Vue後臺管理的項目中使用了ElementUI的組件庫。左側菜單欄遇到了一些小問題，結果一步一步的解決了~~ 1，首先菜單欄的圖標Icon不滿足我們的需求，我們可以引入公司內部的樣式icon圖標文件，數組的方式動態渲染出來就可以。 2，左
2022-11-07 13:00:21
原创 axios請求攔在器添加token（請求頭添加token）保證有權訪問請求數據~~
axios請求攔在器添加token 開發項目中有很多個請求接口，除了login以外其他的請求接口有了訪問權限才能正常請求數據訪問頁面。 需要授權的API必須每一次的請求攜帶token，就是請求頭添加token，後端根據token來判斷該請
2022-11-07 13:00:21
原创 登錄/退出—token驗證（路由導航守衛控制訪問權）
登錄/退出—token驗證（路由導航守衛控制訪問權）如果不是要訪問登錄頁先判斷登錄狀態，不在登錄狀態的強制跳轉到login登錄頁面 登錄功能 登錄login頁面點擊按鈕綁定點擊事件@click="login" 1，login事
2022-11-05 13:00:31
原创 Vue項目中定時器的問題...
Vue項目中定時器的問題... 比如說 我們現在在a頁面寫一個定時，讓他每秒鐘處理操作，比如：每秒鐘打印一個1，然後跳轉到b頁面，此時可以看到，定時器依然在執行。這樣是非常消耗性能的。如下圖所示： 解決方法1： 首先我在d
2022-11-03 13:00:30
原创 Vue項目npm install下載依賴，報錯：npm install 報錯（npm ERR! errno -4048...（已解決✔）
vue項目下載依賴npm install 報錯：（npm ERR! errno -4048，Error: EPERM: operation not permitted,）解決方法 出現這種報錯的時候有我用了清空緩存的方法： 1，清理本
2022-11-01 13:00:26
原创 Vue項目小功能：過度~transition
Vue 提供了 transition 的封裝組件，來處理過渡以及動畫 使用過渡或動畫的場景 在下列情形中，可以給任何元素和組件添加進入/離開過渡條 件渲染(使用v-if) 條件展示(使用v-show) 動態組件 組件的根節點 div:
2022-11-01 13:00:26
原创 開發項目中：Git操作流程
開發項目中：Git詳細操作流程 1，Git介紹： 1、公司裏多人協同開發一個項目，需要版本管理工具：svn，git2、git可以實現版本控制3、git，gitee，github，gitlab gitee：中國的gith
2022-10-31 13:00:36
原创 項目中常見的CSS佈局：兩欄佈局，三欄佈局，垂直居中（項目中用過✔）
兩欄佈局的實現 一般兩欄佈局指的是左邊一欄寬度固定，右邊一欄寬度自適應，兩欄佈局的具體實現 三欄佈局的實現 一般兩欄佈局指的是左邊一欄寬度固定，右邊一欄寬度自適應，兩欄佈局的具體實現 水平垂直居中的實現
2022-10-29 13:00:26
原创 三種常用的Vue表單修飾符使用場景...
vue的項目開發中須知道的三個vue表單修飾符（.lazy， .number， .trim） 1，.lazy 簡單地說：我們在input輸入框輸入的時候，標籤裏的內容會實時變化，加了.lazy修飾符後，只有當鼠標光標離開input輸入框，
2022-10-29 13:00:26