欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

el-table使用el-select選中后無效

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

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

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

 服務器返回數(shù)據(jù)：returnData:數(shù)組 

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

應該改成

? ? 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;
? ? }
?}, ? ? ? ?

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

相關文章

最新評論