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