原创 element dialog動畫
自定義element dialog動畫 .el-dialog__wrapper { transition-duration: 0.6s; } .dialog-fade-enter-active{ animation: none
2020-07-07 14:57:09
9
原创 生產環境和測試環境路徑不同，通過定義global_variable.js全局變量，賦予不同的環境不同路徑，vue定義全局變量
token失效需要跳轉到匯聚平臺登錄頁面，而生產環境和測試環境路徑不同，所以通過定義global_variable.js全局變量，賦予不同的環境不同路徑 global_variable.js let relogin_baseUrl
2020-07-04 13:47:03
原创 二次開發element el-tooltip+span 超出文本部分顯示省略號鼠標懸浮顯示全部內容
二次開發element組件 el-tooltip+span 超出文本部分顯示省略號鼠標懸浮顯示全部內容 EllipsisTooltip.vue（我是放置在了src/components） <template> <!-- :d
2020-07-01 18:52:58
8
原创 vue axios+定時器實現1秒實時數據刷新 頁面關閉後上一個頁面定時器訪問的pending請求，在vue實例銷燬時關閉定時器以及pending中的請求
項目當中列表查看目標雲主機的監控，頁面當中以定時器內每一秒發出一次請求方式來實現實時刷新數據，當點擊列表選項卡後，監控頁面刷新數據的axios請求有pending狀態，此時在列表頁（即父頁面）會彈出監控頁面（即子頁面）的彈框，實現
2020-06-22 19:21:08
4
原创 typeScript 裝飾器 總結
標題裝飾器定義 類裝飾器 屬性裝飾器 裝飾器工廠 方法裝飾器 方法參數裝飾器 裝飾器的執行順序 裝飾器:裝飾器是一種特殊類型的聲明，它能夠被附加到類聲明，方法，屬性或參數上，可以修改類的行爲。 通俗的講裝飾器就是一個方法，可
2020-06-22 19:21:08
原创 純css3 svg 波浪底紋
搞一個 css3 svg波浪底紋 svg外層的div（即容器殼不能丟掉position:relative;） 底紋的高度可根據自己需要修改.waves中的height <!DOCTYPE html> <html lang="en
2020-06-22 19:21:08
7
原创 vue項目 單點登錄 需要進行訪問固定地址且帶有.html(客戶指定地址不能進行修改)後綴的路徑獲取token以傳到第三方api來獲取有效可以
vue寫的項目 中做單點登錄 獲取token需要通過客戶的固定地址https://XXXX.XX.XX.XX:8081/ombs/pages/gatemsg.html?appid=6&token=V1uRstCQVCR2Am
2020-06-22 19:21:08
原创 vue+element純前端實現導出表格數據爲csv Vue + js-xlsx實現文件導入導出
vue+element 純前端實現導出表格數據爲csv <template> <el-button type="primary" size="mini" class="page_breadcrumb_btn" @click="g
2020-06-22 19:21:08
1
原创 typeScript 數據類型 基礎知識總結
typeScript 數據類型 基礎知識總結 1、vscode配置自動編譯 1、第一步 tsc --init 生成tsconfig.json 改 “outDir”: “./js”, 2、第二步 任務 - 運行任務
2020-06-22 19:20:56
原创 vue elements table :span-method 自動合併行列
:span-method="objectSpanMethod" mergeLineMethod (){//處理合並表格數據 let mergeLine=this.tableData mergeLine.forE
2020-06-22 19:20:56
1
原创 vue element NavMenu :default-active根據路由進行自動配置（包括點擊頁面中的鏈接，即將前往的頁面不在導航中，想要保持最外層級別的導航保持高亮）
導航當中設置:default-active值之後點擊頁面中的跳轉鏈接（即將前往的頁面不在導航中），此時的導航高亮就會消失， 目標： 點擊父頁面中的查看按鈕，進入到詳情頁面，父頁面導航仍然保持高亮。 刷新瀏覽器導航，當前頁面對應的
2020-06-22 19:20:56
12
原创 echarts 多圖表 窗口變化 圖表自適應大小 resize
問題：頁面當中有多圖表的時窗口放大縮小，echarts圖表不能夠自適應， 解決辦法：改變窗口大小時不停的觸發resize方法，讓它只執行一次，重繪echarts圖表（多echarts圖表存在的情況下） var resizeTime
2020-06-22 19:20:56
原创 最大餘額算法計算echars餅圖legend圖例中顯示佔比數
在echars餅圖legend圖例中顯示佔比數 查資料發現echarts通過最大餘額算法計算佔比，記錄下方便使用 getPercentValue() getPercentValue(valueList, idx, precisio
2020-06-16 00:06:31
1
原创 echarts 數據量特別大且很多數值比較相近時label覆蓋，legend與餅圖重疊問題，鼠標在legend圖例上懸浮時，tooltie提示信息顯示全部信息
環境 vue+element+echarts 餅圖生產項目需求： 1、產生的數據在餅圖都有體現，tooltie顯示數值，名稱，佔比等信息， 2、legend分頁滾動顯示內容，並且鼠標懸浮也顯示tooltie信息 3、餅圖展示所有的
2020-06-16 00:06:31
原创 echarts 餅圖取消legend圖例的點擊事件，保留鼠標懸浮legend上顯示tooltie提示信息的事件
echarts 餅圖 因爲我在餅圖渲染數據的時候對一些數據較小的label和labelLine進行了隱藏，進行了數據的二次處理，所以legend鼠標懸浮顯示出tooltie是我所需要的而點擊事件，會關閉一個塊，此時就需要重新去計算
2020-06-16 00:06:31
3