原创 iview關閉抽屜彈層時清空Select彈框高亮樣式
用iview做後臺管理系統，首頁數據列表頁，點擊新增按鈕會彈出一個彈層，那個彈層用的是iview裏的Drawer抽屜組件，裏面的下拉框都是iview裏的select組件，在新建完一條以後，再次打開下拉框裏還會遺留上次選擇過
2020-06-03 05:16:37
2
原创 解決從登錄頁通過this.$router.push跳轉首頁後 點返回健路由變而頁面不變的問題
做H5項目的時候遇到一個問題，我從 login 登錄頁通過 this.$router.push（{ name: 'home' }）路由登錄成功後跳轉到首頁，但在ios系統下，會有一個默認返回條，點擊返回鍵出現以下情況，路由顯示的是回到登錄
2019-09-05 14:39:33
原创 H5搜索頁調起軟鍵盤
在H5項目中，進入如搜索頁，點擊搜索頁再跳到另一個搜索頁，要調起鍵盤事件 在第一個搜索頁的input綁定click事件，跳轉到第二個搜索頁，在input框加autofocus="autofocus"，發現有時好用，有時會閃現一下又消失，然
2019-08-25 14:51:25
原创 多級三目運算符的判斷
在vue項目裏，選擇婚姻已婚和未婚狀態，也可以不選，後臺返回字段 maritalStatus 爲0時代表未婚，1代表已婚 如果不選就顯示- <span>婚姻：{{ datas.maritalStatus !== null && datas
2019-08-08 14:44:39
原创 用戶名、密碼都有值激活提交按鈕
最近用vue做移動端項目，要求當所有input框都有值時才點亮提交按鈕，如下圖： 解決思路：通過三個input框的v-model值運用邏輯運算符返回一個布爾值，通過computed計算屬性return出去，用此變量控制提交按鈕bu
2019-07-30 14:45:56
原创 vue-router中的router-link的active-class
在vue-router中做底部導航欄加active樣式的做法： 在router.js中設置linkExactActiveClass屬性： 在使用的地方加入exact: 定義公共樣式： .active{ color: #51BC8A }
2019-07-30 14:45:55
原创 npm ERR! Unexpected end of JSON input while parsing near '...Comment: https://open'
今天在安裝依賴包的時候老報錯，報錯如下： npm ERR! Unexpected end of JSON input while parsing near '...Comment: https://open' 因爲我安裝過淘寶鏡像，懷疑是
2019-07-08 14:42:01
原创 同時支持mp4/ogg/webm/flv格式的視頻播放
最近項目裏要求支持多格式視頻上傳和播放，用的是H5的video標籤，但video只支持三種格式mp4/ogg/webm這三種。實際需求要求同時也要支持flv/avi/rmvb這三種格式。 到目前只找到能支持flv這種格式的插件，githu
2019-07-05 14:43:24
1
原创 echarts圖表使用v-show控制圖表顯示不全的問題
最近做echarts圖表時，因爲涉及到使用開關變量控制不同圖表的顯示隱藏，用 v-if 時會出現沒有獲取到dom結構而報錯，所以改用 v-show，但是 v-show 本身是結構已經存在，當數據發生變化時，結構並未重新渲染
2019-07-05 14:43:24
1
原创 地址欄url解析爲對象
function getUrlParams(url) { const keyValueArr = url.split('?')[1].split('&') let paramObj = {}
2019-07-05 14:43:24
原创 vue中後端做Excel導出功能返回數據流前端如何做處理
項目中有一個導出功能的實現，用博客來記錄一下。因爲需求對導出表格的數據格式和樣式有要求，所以這個導出功能放到後端來做，而且後端返回的是數據流，所以需要處理成想要的表格並導出來。 先看下效果圖： 頁面效果： 點擊 導出E
2019-07-05 14:43:13
38
原创 vue+iview實現拼音、首字母、漢字模糊搜索
最近項目做的後臺管理系統中，要求實現一個支持拼音、首字母和漢字模糊搜索的下拉框。項目是用vue+iview做的，iview中有select遠程搜索。但是，iview框架也有弊病就是會將輸入框中的輸入值進行過濾，如果你搜英文
2019-07-02 14:47:00
1
原创 大小不一樣的圖片隨着盒子大小自適應
前提：vue+iview做後臺管理系統 需求：頁面一行有固定的4張卡片，每張卡片裏有圖片，圖片是從後臺系統中上傳的，大小不固定，要卡片中的圖片高度隨着屏幕大小自適應 小屏幕效果： 大屏幕效果： 解決方法有兩種： 1. 利用@media
2019-06-21 14:58:48
4
原创 vue項目中圖片懶加載時出現的問題
項目中遇到一個問題，記錄一下，vue項目中前期沒有做圖片懶加載的時候，當圖片出現錯誤或者顯示路徑不對，我加了onerror事件進行錯誤監聽並添加一張默認的圖片，優化用戶體驗。 後期因爲圖片數量變多，所以加入了圖片懶加載，但在懶加載中
2019-06-21 14:58:48
24
原创 快速判斷數組中每個對象同一屬性值是否相同
做批量刪除的時候，要確定數組對象中每一項中有沒有發佈狀態的，如果有也就是判斷releaseStatus字段有沒有爲true的，只要有一個爲true就給出提示讓撤回後再刪除，如果沒有發佈中的直接刪除，下面這句可以快速判斷，只要有一個是tr
2019-06-10 15:29:28
1