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)文章
ant design vue 表格table 默認勾選幾項的操作
這篇文章主要介紹了ant design vue 表格table 默認勾選幾項的操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10Vue實現(xiàn)用戶自定義字段顯示數(shù)據(jù)的方法
今天小編就為大家分享一篇Vue實現(xiàn)用戶自定義字段顯示數(shù)據(jù)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08在Vue的mounted中仍然加載渲染不出echarts的方法問題
這篇文章主要介紹了在Vue的mounted中仍然加載渲染不出echarts的方法問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03Vite?Vue3?EsLint?Prettier配置步驟極簡方法詳解
這篇文章主要為大家介紹了Vite?Vue3?EsLint?Prettier配置步驟的極簡方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09