亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue?el-table中使用el-select選中后無(wú)效的解決

 更新時(shí)間：2022年08月09日 14:47:07   作者：youyudexiaowangzi  
這篇文章主要介紹了vue?el-table中使用el-select選中后無(wú)效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

el-table使用el-select選中后無(wú)效

需求：表格中一行顯示一條數(shù)據(jù)，數(shù)據(jù)中的某個(gè)屬性要展示一列，并且再另一列中用el-select用作選擇修改，修改后提示用戶是從從原來(lái)的狀態(tài)改為新?tīng)顟B(tài)。

表格數(shù)據(jù)從服務(wù)器返回，為了修改時(shí)獲取原來(lái)的狀態(tài)和新?tīng)顟B(tài)，給每一行數(shù)據(jù)新增了一個(gè)字段，但是點(diǎn)擊下拉框的時(shí)候發(fā)現(xiàn)下拉框選擇后沒(méi)有生效，

幾經(jīng)調(diào)整后發(fā)現(xiàn)是添加新字段的原因 

 服務(wù)器返回?cái)?shù)據(jù)：returnData:數(shù)組 

? ? this.users = returnData
? ? this.users.forEach(item=>{
? ? ? ? item.newState = parseInt(item.state)
? ? })

應(yīng)該改成

? ? returnData.forEach(item=>{
? ? ? ? item.newState = parseInt(item.state)
? ? })
? ? this.users = returnData

el-table中selectable的使用

html代碼

<el-table-column
? ? type="selection"
? ? width="55"
? ? :selectable="selectable"
? ? :reserve-selection="true"
? ? align="center">
</el-table-column>

js代碼

?//判斷是否禁用
checkStatus(row, index){
? ? if(this.arr.some(el=>{return el===row.id})){
? ? ? ? ?return false;
? ? }else{
? ? ? ? ?return true;
? ? }
?}, ? ? ? ?

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論