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