摘要:關(guān)于的多選,數(shù)據(jù)回顯的問題在工作中遇到這樣一個問題,新建表單時用的多選以后,在編輯的時候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示,多選卻無法正?;仫@。這樣多選器里的數(shù)據(jù)就能正常返顯了。
關(guān)于element的select多選,數(shù)據(jù)回顯的問題
在工作中遇到這樣一個問題,新建表單時用element的select多選以后,在編輯的時候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示,多選卻無法正常回顯。在網(wǎng)上找了很多后,終于解決了這個問題,下面把百度的方法總結(jié)一下。
首先:表單中
其次,methods中這樣寫:
// 編輯 handleEdit(data){ this.textShow=true; this.textForm=data; this.changeSelect(data); //觸發(fā)此方法 }, changeSelect(data){ let UserIds=data.receUserIds.toString(); let peoData=UserIds.split(","); for(var i=0;i總結(jié):changeSelect方法是在打開編輯表單后,對select多選選擇器返顯內(nèi)容作處理的方法。
定義數(shù)組UserIds,將拿到的數(shù)據(jù)先做一個toString后再賦值給UserIdS(不這樣做,直接賦值的話,控制臺會一直報split不是一個函數(shù)的錯誤)。
用split方法將UserIds轉(zhuǎn)換為逗號分隔的數(shù)組,對peoData作循環(huán)操作,每個元素去除雙引號(parseInt方法轉(zhuǎn)一下就好)。最終賦值給receUserIds。這樣多選器里的數(shù)據(jù)就能正常返顯了。
最后,真的感謝萬能的網(wǎng)友。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/101868.html
摘要:由于項目需求,在項目中使用用到了中的組件的多選功能,多選之后保存回顯所選內(nèi)容,從后端會拿到一個數(shù)組,然后我把這個數(shù)組賦值給前端多選對應(yīng)的數(shù)組,這樣多選的數(shù)據(jù)可以正常顯示問題是回顯之后不能正常編輯,點擊刪除小圖標(biāo)也失效解決方法采用事件在事件中 由于項目需求,在項目中使用用到了element中的select組件的多選功能(multiple),多選之后保存回顯所選內(nèi)容,從后端會拿到一個數(shù)組,...
摘要:解決通用無法回顯的問題首先給大家推薦一個非常好的插件網(wǎng)站,使用的各位可以到這個網(wǎng)站來看一下插件。通用配置問題解決,如有疑問請查文檔,在上面的插件官網(wǎng)中有。 解決通用mapperUUID無法回顯的問題 ???????????首先給大家推薦一個非常好的Mybatis插件網(wǎng)站http://mybatis.tk/,使用Mbatis的各位可以到這個網(wǎng)站來看一下Mybatis插件。????????...
摘要:級聯(lián)選擇器數(shù)據(jù)回顯問題對于前端小菜雞來說,被這個問題也是困擾了好久。也是百度的方法。 element級聯(lián)選擇器數(shù)據(jù)回顯問題 對于前端小菜雞來說,被這個問題也是困擾了好久。也是百度的方法。表單部分代碼: data中定義: depShowType:{ value:id, label:name, children:nodes }, SelectdeptId:[], metho...
設(shè)置一個復(fù)選框回顯示使用attr()添加checked屬性但是在回顯的過程中會使復(fù)選框出現(xiàn)混亂的情況有一些并沒有回顯如果給他添加一個checked的class就會導(dǎo)致復(fù)選框不可點擊這種做法是不對的需要用prop替代 function updateCheckboxState(data, type) { var elType = type ?...
閱讀 990·2021-10-13 09:39
閱讀 3812·2021-10-12 10:12
閱讀 1970·2021-08-13 15:07
閱讀 1086·2019-08-29 15:31
閱讀 2961·2019-08-26 13:25
閱讀 1861·2019-08-23 18:38
閱讀 1973·2019-08-23 18:25
閱讀 1923·2019-08-23 17:20