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