如何解決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,...
