欧美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ù)從服務(wù)器返回,為了修改時獲取原來的狀態(tài)和新狀態(tài),給每一行數(shù)據(jù)新增了一個字段,但是點擊下拉框的時候發(fā)現(xiàn)下拉框選擇后沒有生效,

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

 服務(wù)器返回數(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;
? ? }
?}, ? ? ? ? 

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

相關(guān)文章

最新評論