原创 報錯：[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"
1.錯誤詳情 2. 錯誤分析 百度此錯誤發現，很多人可能忘記在main.js中引入store.js並掛載在vue實例上，或者state單詞寫錯了 import Vue from 'vue' import App from './App'
2023-06-09 13:00:30
原创 Vue過濾器的使用詳解(代碼實現)
過濾器的功能是對要顯示的數據進行格式化後再顯示，其並沒有改變原本的數據，只是產生新的對應的數據 過濾器，其實不是必須要用的東西，它只是vue給我們提供的新的數據處理方式，過濾器能做到的，用計算屬性，methods方法，依然可以實現 案
2023-03-06 13:00:22
原创 登錄-退出功能（管理系統Vue）
一、登錄業務流程 在登錄頁輸入用戶名和密碼 調用後臺接口進行校驗 驗證通過之後，根據後臺的響應狀態跳轉到項目主頁 使用路由導航守衛控制訪問權限 - 4.1 項目中出現登錄之外的其他API接口，必須在登錄後才能訪問，未登錄狀態下不
2023-02-15 13:00:28
原创 elementui表格中實現點擊單個單元格和表頭--帶參數觸發事件/跳轉路由
對於element表格做點擊跳轉的功能有兩大類：1，表頭的點擊跳轉2，表格內容單元格進行點擊跳轉 是因爲該表格只有tabs標籤也第二個選項被選中的時候才能讓他起效果，所以先做判斷，第二個tabs標籤被選中的時候實現該功能 1，tabs標籤
2023-01-11 13:00:36
原创 Vue組件之間幾種傳值的方法(看代碼)
簡單額總結一下幾種組件之間的傳參方式 一. props（父傳子） 父組件 傳遞 <template> <div> <HelloWorld :msg="msg" /> </div> </template> <script>
2023-01-11 13:00:36
原创 echarts點擊柱狀圖帶參數跳轉到指定頁面（路由）
echarts點擊柱狀圖帶參數跳轉到指定頁面（路由） 項目開發者常用echarts來實現數據可視化功能。上次遇到了一個問題，就是通過後臺返回的數據渲染echarts數據完成後需要點擊柱形圖圖標的時候跳轉制定的新的頁面展示（當然新的頁面內容
2023-01-10 13:00:28
原创 el-table設置單元格里的字體顏色
例如圖中，設置某個單元格的字體顏色： ① el-table標籤上添加屬性：:cell-style=“cellStyle” <el-table :data="tableData" :cell-style="cellStyle" bord
2022-12-14 13:00:26
原创 更新代碼出現衝突：incoming change和current change
incoming change和current change incoming change和current change 1.提交代碼時衝突。 如果遠端代碼和本地修改有衝突，是不會拉取代碼成功的，也就是說，只有把代碼貯藏【stas
2022-12-05 13:00:30
原创 項目使用lodash（深拷貝）的方法
Vue項目使用lodash（深拷貝）的方法 Lodash使用了一個簡單的 _ 符號，就像Jquery的 $ 一樣，十分簡潔。 https://www.lodashjs.com/ 1.安裝 npm install lodash -S 2.導入
2022-11-29 13:00:30
原创 項目中elementui時間線的使用~✔✔
Vue項目項目中經常會遇到事件線的功能Timeline，比如說快遞跟蹤功能等。element.js 時間線的使用，先來看效果圖 是因爲element2.6.0之前的版本不支持時間線組件了。所有下載安裝比較麻煩。這裏推薦使用本地組件：直接
2022-11-29 13:00:30
原创 Vue富文本編輯器（vue-quill-editor）使用✔✔
最近工作中需求使用一款富文本編輯器，最終選擇了vue-quill-editor，之所以選擇vue-quill-editor，是看上了它的輕量以及外觀簡潔的優勢。打開官方文檔，直接上手配置，各種報錯，踩了很多坑，遇到的主要問題有以下幾個
2022-11-28 13:00:30
原创 Vue項目中使用Elemen-tUI做一個Steps步驟條和Tabs標籤頁的聯動效果功能
Vue項目中使用Elemen-tUI做一個steps步驟條：左邊的內容和步驟條進度效果是同步的切換，頂部是 （1）steps步驟條 （2）Tabs標籤頁 （3）steps步驟條和tabs標籤頁之間的聯動效果 思路：
2022-11-28 13:00:30
原创 ElementUI實現圖片上傳的功能~（已完成✔）
Vue項目中經常會遇到使用ElementUI實現圖片上傳的需求~（已完成✔） （1）安裝官網組件Upload 打開官網有個Upload 上傳組件-通過點擊或者拖拽上傳文件：本次項目中用到了：圖片列表縮略圖結構
2022-11-28 13:00:30
原创 Vue項目中使用樹形控件 vue-table-width-tree-grid
Vue項目中使用樹形控件 vue-table-width-tree-grid 需要實現的整體效果如下： 這個樹形結構組件ElementUI是沒有提供的，我們需要依賴第三方插件來完成。 一、安裝tree-table組件 （1）Vu
2022-11-16 13:00:25
原创 Vue項目實現用戶長時間不操作，自動退出登錄
Vue項目實現用戶長時間不操作，自動退出登錄 1.實現思路 使用 mouseover事件來監測是否有用戶操作頁面，然後寫一個定時器間隔特定時間檢測是否長時間未操作頁面，如果是清除token，提示登錄已過期請重新登錄 每隔10s去檢查一下用
2022-11-13 13:00:23