原创 js vue+elementui 全屏跟退出全屏功能搬磚

html部分代碼 <span class="user" @click="toggleFullScreen"> <el-tooltip class="item" effect="dark" :

原创 vue+elementui 實現動態必填表單項操作

實現表單項動態必填功能,目前看到方法有兩種 1.在必填的el-form-item 寫兩個一樣的,一個有rules一個沒,然後用v-if去動態判斷 2.現在要說的是方法2,大部分網上看的都是用方法一的方式,而且基本都copy的文章

原创 el-tree 動態設置展開的層數

最近有要求覺得默認全展開或者默認都不展開樹感覺不是很好,所以要求有的樹展示默認展示兩層或者三層,可以動態配置 思路步驟: 1.主要還是要動態設置這個屬性賦值 :default-expanded-keys=“dataIdArr” 2

原创 js axios文件流下載

downTemplate: function(id) { // partyAccountRole.vue頁面 this.$message.info("正在下載,請稍等"); let params

原创 vue+elementui+vuex+sessionStorage實現歷史標籤菜單

一般是有左側菜單後,然後要在頁面上部分添加歷史標籤菜單需求。 借鑑其他項目,以及網上功能加以組合調整實現 按照標籤實現方式步驟來(大致思路): 1,寫一個tagNav標籤組件 2,在路由文件上每個路由組件都添加meta屬性 met

原创 chart 完成拓撲圖單節點拖拽不影響其他節點位置

就是做這種的功能,箭頭原本是可以動態重複移動的,但不知道哪裏問題導致沒箭頭了,然後補了個edgeSymbol: ['','arrow'], 字段,才增加了箭頭。 拖拽某個節點,只有關聯到的線條會跟着變動其他的節點位置不變。 參考

原创 正則表達式-後續持續更新

匹配表達式供參考學習使用。大家有不同的或者覺得有問題的歡迎修改更正(有從網絡收集,沒全驗證)供參考、供參考、供參考 //匹配特殊字符 var re = /[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\·~!@#

原创 vue使用less完成循環排版css鼠標移入圖標縮放顯示文字效果

做前端css小小的花裏胡哨還是要會一點,一些主要注意的說明直接在代碼中註釋說明 <template> <div class="page"> <div id="card"> <el-row class="ro

原创 關於記住密碼功能IE不生效問題

cookie的設置:添加,獲取,刪除 //設置cookie setCookie(name, value, day) { var date = new Date(); date.setDa

原创 vue+elementui 字體改用思源黑體

微軟雅黑存在版權問題,所以改用思源黑體, 實現步驟: 1,項目全局搜索微軟雅黑相關的中英關鍵字,刪除字體,包括在node_modules下的。 2.下載思源黑體字體庫 https://download.csdn.net/downl

原创 關於vue+elementui設置div背景圖片填充不生效問題

正常css填充div圖片背景 .itemDiv { background-size: 100% 100%; background-repeat: no-repeat; background-image: u

原创 vue+el國際化-東抄西鑑組合拳

vue-i18n 國際化參考 https://blog.csdn.net/zuorishu/article/details/81708585 說得比較詳細。 另外做點補充,比如這裏cn下的可以以項目模塊加公共模塊來細分。 impo

原创 以canvas方式繪製粒子背景效果,感覺還可以

這個是看到項目中別人寫好的,感覺這種寫法效果還可以,就存留記錄下 就是這種的背景效果。如果想改背景顏色可以通過canvas.js文件中的fillStyle值改。 附上demo下載地址。 https://download.csdn.

原创 vue同頁面多路由懶加載-及可能存在問題的解決方式

先上圖,再解釋 圖一是多路由頁面,圖二是路由文件。從圖一可以看出每個router-view對應的name都不一樣。從圖二可以看出層路由對應的組件加載方式要跟圖一中的name相對應,並且圖二的路由層在跟圖一對應的頁面中要加上compon

原创 background-position切圖

老生常談,網上也很多,但是還是記下。 .overview-user-icon { background-image: url('../../../../static/imgs/overview-201811161524.sv