原创 常用工具地址彙總

Vue https://cn.vuejs.org/v2/guide/   Vuex https://vuex.vuejs.org/zh/   vue-router https://router.vuejs.org/zh/   Axios

原创 webstorm快捷鍵無法使用

因爲重裝了系統,重新裝了webstorm,使用的時候發現所有的快捷鍵均無法使用 百度之後發現是IdeaVim的原因,解決方法就是禁用他 1.打開file-setting-Plugins 2.切換到Installed搜索IdeaVim,取

原创 axios+post下載文件

遇到一個需求是,選擇區域的站點之後,用get請求,站點ID的數組參數可能會超過瀏覽器參數長度限制,最後無法下載。於是換成了post方式下載文件。 第一步:與後臺溝通好response header的設置,並規定好fileName的編碼方式

原创 npm install xxx 與npm install xxx save 與npm install xxx save dev的區別

一、npm install xxx 1. 安裝xxx包到項目node_modules目錄下。 2. 不會將xxx包的依賴寫入package.json的dependencies 屬性下。 3. 運行 npm install 初始化項目時不會

原创 下載文件在IE下400

一直使用的window.location.href做文件下載,今日收到反饋說在IE11下面會出現http400的錯誤,其它瀏覽器均正常。 處理辦法: 比如下載路徑中有參數name=石家莊  用方法encodeURI()處理下再傳就不會出問

原创 el-cascader 單選模式下,搜索結果無法高亮

問題描述:當查看某一個站點時,通過搜索選中另外一個站點後,再次點開站點選擇器,高亮展示的還是上一次選擇的站點父級路徑; 解決方案: 1.將elementui的el-panel組件複製到業務系統中,調整組件中的相關路徑; 2.在clea

原创 echarts做折線圖默認不顯示某幾條折線

在項目開發過程中,在折線圖中需要默認僅展示某幾項,其它的隱藏,點擊後可展示,效果如下圖所示 僅需在代碼中設置lengend的selected參數即可,如下圖所示

原创 element-ui的el-cascader多選在IE中樣式不正常

今天在測項目IE兼容性的時候,發現el-cascader在ie中的樣式不兼容,主要是選中的標籤不顯示,以及右箭頭沒有垂直居中對齊,主要表現如下圖所示 解決方法是重寫elementui的樣式 .el-cascader__tags .el

原创 element ui 日期選擇組件控制可選時間範圍

業務場景:系統中各個界面已有時間選擇組件,沒有做到時間範圍統一限制,比較凌亂,需對其進行統一的可配置化管理。 業務需求,1.可選時間範圍不可超過當前時間;2.選擇的範圍不能超過一年;3.可選擇的範圍後期可動態配置 一.封裝了一個expor

原创 element-ui table懶加載,新增,編輯,刪除子節點後的刷新節點

 做全國行政區劃的展示,包含街道數據有十幾萬條,全部加載接口比較慢,所以採取了table的懶加載,在新增子節點,編輯刪除節點的過程中,官方文檔裏面並沒有相對應的方法,裏面遇到了很多坑,這裏記錄一下實現方法。 1.首先界面如圖所示,業務場景

原创 element ui tree懶加載 新增,編輯,刪除子節點後的刷新節點

前面一篇的table的懶加載做了三四天,做的心累。 不得不說這次tree的懶加載比table的懶加載好實現多了,至少官方文檔裏面提供了方法,不需要去過源碼。業務邏輯也比前面的一個簡單一些,沒有修改父級節點的需求。 1.界面展示 做組織機構

原创 git 提交信息規範

一、開發時必須從最新代碼上拉取功能分支,以分支-用戶-功能爲新的分支名 結構:xxx-xxx-xxx 例子:dev-aimee-user-create 二、提交分支時註明:動作類型(新增、修改、刪除、重構)+用戶故事+改動明細,禁止填寫無

原创 element-ui 表單驗證數字類型提示 xx is not a string

在做編輯行政區劃的區劃時,一打開編輯界面表單驗證會報“code is not a string” 解決辦法如下,code本身是number類型,在表單驗證裏面改爲number類型 點贊 1 收藏 分享

原创 vue在新窗口打開界面

openNewRouter () { const {href} = this.$router.resolve({ path: '/list', }) window.open(href, '_blan

原创 new Date().getTime()在ios端的兼容性處理

使用new Date(dataTime).getTime()在pc端以及Android手機上調試均沒有問題,在蘋果手機上顯示的是NAN;解決方案就是 new Date(dataTime.replace(/-/g,'/')).getTim