vue element select多選回顯

我們經常在使用 element元件裡面的 select多選

**如下：

多選框：

data(), //

分公司列表
ruleform: ,
}}

select

v-model="ruleform.company"multiple
collapse-tags
@change="changcompany"placeholder="請選擇可見分公司"
>
option
v-for="item in companylist":key="item.id":label="item.visiblecompany":value="item.id"
>

獲取分工公司介面時：

新增乙個全部的選項，拼接到分公司裡面去，然後把分公司的id 迴圈取出來（因為向後台傳輸資料的時候需要傳id）

在點選編輯時，後台需要返回分公司的名稱及id , 需要這有這樣存起來

let companyarr = ; //分公司

let companyids = ; //分公司id

companyarr = response.data.result.visiblecompanynamestr.split(",");

companyids = response.data.result.visiblecompanyidstr.split(",");

//給分公司賦值

changcompany(val) 
// 全選未選 但是其他選項全部選上 則全選選上 上次和當前 都沒有全選
if (!oldval.includes("") && !val.includes("")) 
// 儲存當前最後的結果 作為下次的老資料
this.oldsearchjobtype[0] = this.ruleform.company;
},

以上**就完成了多選編輯回顯的功能，點選確認編輯的時候 

this.ruleform.company.tostring()  (轉不轉tostring() 具體要看後台的接收方式，字串就轉，陣列就不需要了)

Vue Element Select獲取選中的物件

案例演示 獲取select當前選中的所有內容 請選擇 value key id change currentsel 2 el option v for item in options key item.id label item.label value item el option 3el sele...

多選框向後台傳值，多選框的回顯，對多選框的各種操作

1.多選框的回顯 js function 獲取多選框需要回顯得對應的值集合 console.info checkarray checkarray for var i 0 i 獲取所有核取方塊物件的value屬性，然後，用checkarray i 和他們匹配，如果有，則說明他應被選中 each che...

多選框向後台傳值，多選框的回顯，對多選框的各種操作

1.多選框的回顯 js function 獲取多選框需要回顯得對應的值集合 console.info checkarray checkarray for var i 0 i2.多選框往後台傳值接收 request.getparametervalues c1 他返回的是乙個string，其中c1是多選...