原创 【Element】el-option value 綁定對象類型(item)

el-option 上綁定的 value 爲對象(item),select 上面的 value-key 以 :key 的值作爲唯一標識。

原创 【讀書筆記】《你不知道的 JavaScript(上卷)》筆記

第一部分 作用域和閉包 1.1 作用域是什麼? 作用域是一套規則,用於確定在何處以及如何查找變量(標識符)。如果查找的目的是對變量進行賦值,那麼就會使用 LHS 查詢;如果目的是獲取變量的值,就會使用 RHS 查詢。賦值操作符會導致 LHS

原创 【Git】常用命令速查表圖

常用命令速查表圖

原创 【Element】升級到2.15.7升級時報錯 $--group-option-flex: 0 0 math.div(1, 5) * 100% !default;

$--group-option-flex: 0 0 math.div(1, 5) * 100% !default; 解決方法 把 node_modules 和 package-lock.json 刪除,再重新 npm install 就

原创 我的前端學習記錄

從2022/5/11日開始記錄,主要用於記錄工作之餘所學習的相關課程和閱讀的書籍,如果有相關筆記會附帶上筆記地址。 課程 書籍

原创 vue 調整 el-select 高度之後 箭頭錯位問題解決

調整 el-select 或者 input 高度 .el-input__inner { width: 272px; heig

原创 js根據長度並計算渲染px width寬度

需求 公司項目需求是要做動態響應式表頭,因此就要動態渲染表格表頭寬度在一定範圍內(100px-200px)。 完整實現圖: 實現過程 這裏就不講css自動超出省略了,主要是然後根據後臺返回的字符串計算實際渲染字符寬度,並設置給 eleme

原创 Element-UI el-table-column 使用slot插槽v-if數據更新後沒有渲染

原因是因爲表格是element-ui通過循環產生的,而vue在dom重新渲染時有一個性能優化機制,就是相同dom會被複用,通過key去標識一下當前行是唯一的,不許複用,就行了。 在其和其之後的一個顯示的組件上添加 :key="Math.ra

原创 本博客園皮膚分享!!!

一個好用的博客園主題工具,分享給喜歡的小夥伴!!!!點擊下面的鏈接可以跳轉到作者。 博客園皮膚構建工具 awescnb

原创 jsconfig.json compilerOptions 配置文件別名

{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_mod

原创 vue element upload 文件上傳組件使用

演示 代碼 <template> <div class="app-container"> <el-row :gutter="20"> <el-col :span="6"> <el-card head

原创 前端導出對象或者 JSON 數據爲 CSV 文件

參考博客 前端導出表格爲CSV文件功能 代碼 getExportList() { let jsonData = { trade:{ tHeader: ["名字","性別","年齡","愛好","身份證號碼"]

原创 Prettier 插件格式化操作後,結束標籤>跑到下一行的問題

vscode 設置 htmlWhitespaceSensitivity 配置文件 .prettierrc { "semi": false, "singleQuote": true, "htmlWhitespaceSensit

原创 vue 項目搭建規範

目錄一. 代碼規範1.1. 集成 editorconfig 配置1.2. 使用 prettier 工具1.3. 使用 ESLint 檢測1.4. git Husky 和 eslint1.5. git commit 規範1.5.1. 代碼提交

原创 vue-pdf 簡單封裝使用

參考文章 可以先去看看這篇博客,瞭解基本的使用方法。 vue-pdf實現pdf文件在線預覽 封裝組件 PdfPreview.vue <template> <div class="pdf-wrapper" ref="wrapper">