成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

關(guān)于element的select多選選擇器，數(shù)據(jù)回顯的問題

kaka / 1711人閱讀

摘要：關(guān)于的多選，數(shù)據(jù)回顯的問題在工作中遇到這樣一個(gè)問題，新建表單時(shí)用的多選以后，在編輯的時(shí)候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示，多選卻無法正常回顯。這樣多選器里的數(shù)據(jù)就能正常返顯了。

關(guān)于element的select多選，數(shù)據(jù)回顯的問題

在工作中遇到這樣一個(gè)問題，新建表單時(shí)用element的select多選以后，在編輯的時(shí)候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示，多選卻無法正?；仫@。在網(wǎng)上找了很多后，終于解決了這個(gè)問題，下面把百度的方法總結(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方法是在打開編輯表單后，對(duì)select多選選擇器返顯內(nèi)容作處理的方法。
  定義數(shù)組UserIds，將拿到的數(shù)據(jù)先做一個(gè)toString后再賦值給UserIdS（不這樣做，直接賦值的話，控制臺(tái)會(huì)一直報(bào)split不是一個(gè)函數(shù)的錯(cuò)誤）。
  用split方法將UserIds轉(zhuǎn)換為逗號(hào)分隔的數(shù)組，對(duì)peoData作循環(huán)操作，每個(gè)元素去除雙引號(hào)（parseInt方法轉(zhuǎn)一下就好）。最終賦值給receUserIds。這樣多選器里的數(shù)據(jù)就能正常返顯了。
  最后，真的感謝萬能的網(wǎng)友。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101868.html

相關(guān)文章

  • element ui中的select多選回顯之后不能正常編輯

    摘要：由于項(xiàng)目需求，在項(xiàng)目中使用用到了中的組件的多選功能，多選之后保存回顯所選內(nèi)容，從后端會(huì)拿到一個(gè)數(shù)組，然后我把這個(gè)數(shù)組賦值給前端多選對(duì)應(yīng)的數(shù)組，這樣多選的數(shù)據(jù)可以正常顯示問題是回顯之后不能正常編輯，點(diǎn)擊刪除小圖標(biāo)也失效解決方法采用事件在事件中 由于項(xiàng)目需求，在項(xiàng)目中使用用到了element中的select組件的多選功能（multiple），多選之后保存回顯所選內(nèi)容，從后端會(huì)拿到一個(gè)數(shù)組，...

    dockerclub 評(píng)論0 收藏0

  • 解決mybatis通用mapper使用UUID作為主鍵無法回顯的問題

    摘要：解決通用無法回顯的問題首先給大家推薦一個(gè)非常好的插件網(wǎng)站，使用的各位可以到這個(gè)網(wǎng)站來看一下插件。通用配置問題解決，如有疑問請(qǐng)查文檔，在上面的插件官網(wǎng)中有。 解決通用mapperUUID無法回顯的問題 ???????????首先給大家推薦一個(gè)非常好的Mybatis插件網(wǎng)站http://mybatis.tk/，使用Mbatis的各位可以到這個(gè)網(wǎng)站來看一下Mybatis插件。????????...

    褰辯話 評(píng)論0 收藏0

  • 關(guān)于element級(jí)聯(lián)選擇器數(shù)據(jù)回顯問題

    摘要：級(jí)聯(lián)選擇器數(shù)據(jù)回顯問題對(duì)于前端小菜雞來說，被這個(gè)問題也是困擾了好久。也是百度的方法。 element級(jí)聯(lián)選擇器數(shù)據(jù)回顯問題 對(duì)于前端小菜雞來說，被這個(gè)問題也是困擾了好久。也是百度的方法。表單部分代碼： data中定義： depShowType:{ value:id, label:name, children:nodes }, SelectdeptId：[], metho...

    SolomonXie 評(píng)論0 收藏0

  • 復(fù)選框回顯 選用prop()不用attr()

    設(shè)置一個(gè)復(fù)選框回顯示使用attr()添加checked屬性但是在回顯的過程中會(huì)使復(fù)選框出現(xiàn)混亂的情況有一些并沒有回顯如果給他添加一個(gè)checked的class就會(huì)導(dǎo)致復(fù)選框不可點(diǎn)擊這種做法是不對(duì)的需要用prop替代 function updateCheckboxState(data, type) { var elType = type ?...

    Olivia 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<