Vue項目socket上線后一直報錯連接不到服務器
最近新上的應急指揮系統(tǒng)，前端使用了vue來編寫，本地環(huán)境運行正常，但是上線了之后console一直報錯ws://127.0.0.0/wx鏈接失敗，這一看問題就是前端的socket鏈接不到服務器導致的報錯，而且由于連接不上會一直重連的原因，f12打開開發(fā)者全是報錯，雖然不影響使用，但是確實是影響美觀。這里我們直接在vue.config.js中增配置一下就可以了，最坑的是默認是沒有這段配置的需要自己寫...
elementUI之select選擇器自定義下拉框顯示內容
elementUI中的select選擇器，通過el-option標簽來編輯子菜單的內容。如圖所示，el-option的 value 屬性值為選擇器v-model綁定值，label屬性值為下拉菜單中渲染的內容。若按照官網所提供的案例，只能將某條數(shù)據(jù)作為渲染的內容。如果想要自定義label內容和樣式應如何處理呢？如果只是簡單的拼接字符串，可以直接在:label中對顯示內容進行編輯。如圖：若想要進行復雜...
elementUI之利用el-select進行遠程搜索
el-select給我們提供了遠程搜索功能?？梢詮姆掌魉阉鲾?shù)據(jù)，輸入關鍵字進行查找。為了啟用遠程搜索，需要將filterable和remote設置為true。其中filterable屬性表示是否可搜索，remote屬性表示是否為遠程搜索。同時還需要傳入一個remote-method。remote-method為一個方法，它會在輸入值發(fā)生變化時調用，參數(shù)為當前輸入值。需要注意的是，如果el-opt...
echarts巧用箭頭函數(shù)獲取Vue實例
之前已經講過如何利用formatter自定義提示框內容，echarts中示例的寫法是如下圖所示的，使用es5寫法可以省略‘：’和function，這也是vue中普通函數(shù)的寫法。 以上是需要實現(xiàn)的效果，使用tooltip就能實現(xiàn)，問題是7月15號這個標題如何能加入到提示框組件中。其他的大家可以看我的上一篇文章來實現(xiàn)。 去百度查閱資料，有一種解決辦法是在每個data中的value添加一個新...
深拷貝淺拷貝的介紹及其實現(xiàn)方式
上一章我們利用JSON.stringify()與JSON.parse()方法實現(xiàn)了深拷貝，但是這種方法存在很多弊端，如對象的屬性值是函數(shù)時，無法拷貝；不能解決循環(huán)引用的問題；無法拷貝特殊對象，比如：RegExp、BigInt、Date、Set、Map等。這一章我們來詳細介紹一下深拷貝與淺拷貝。首先要知道，js中數(shù)據(jù)類型分為基本數(shù)據(jù)類型 （Number, String, Boolean, Null,...
利用深拷貝實現(xiàn)關鍵詞搜索功能
在做關鍵詞搜索功能的時候，需要對后臺給出的數(shù)據(jù)進行處理，用到了filter過濾器來篩選對象中的數(shù)據(jù)。首先在本地準備兩個變量，一個用來存儲后臺數(shù)據(jù)，一個用來過濾篩選。如圖：關鍵詞搜索的過程便是對userList進行篩選的過程。注意每次過濾之前都需要令userList=userAllList，防止越篩越少。但是執(zhí)行的時候，卻發(fā)現(xiàn)第二次搜索無法正常實現(xiàn)。將userList和userAllList都打印了...
