vue?el-table中使用el-select選中后無效的解決
更新時間：2022年08月09日 14:47:07 作者：youyudexiaowangzi
這篇文章主要介紹了vue?el-table中使用el-select選中后無效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
el-table使用el-select選中后無效
需求：表格中一行顯示一條數據，數據中的某個屬性要展示一列，并且再另一列中用el-select用作選擇修改，修改后提示用戶是從從原來的狀態(tài)改為新狀態(tài)。
表格數據從服務器返回，為了修改時獲取原來的狀態(tài)和新狀態(tài)，給每一行數據新增了一個字段，但是點擊下拉框的時候發(fā)現(xiàn)下拉框選擇后沒有生效，
幾經調整后發(fā)現(xiàn)是添加新字段的原因
服務器返回數據：returnData:數組
? ? this.users = returnData
? ? this.users.forEach(item=>{
? ? ? ? item.newState = parseInt(item.state)
? ? })應該改成
? ? returnData.forEach(item=>{
? ? ? ? item.newState = parseInt(item.state)
? ? })
? ? this.users = returnDatael-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;
? ? }
?}, ? ? ? ? 以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue的子組件props如何設置多個校驗類型問題。具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了解決el-date-picker日期選擇控件少一天的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
ant design vue 表格table 默認勾選幾項的操作
這篇文章主要介紹了ant design vue 表格table 默認勾選幾項的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
今天小編就為大家分享一篇Vue實現(xiàn)用戶自定義字段顯示數據的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)帶小數點的星星評分，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了淺析vue中的組件傳值，文章基于vue的相關資料展開對主題的詳細介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-04-04
這篇文章主要介紹了用vscode開發(fā)vue應用的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
在Vue的mounted中仍然加載渲染不出echarts的方法問題
這篇文章主要介紹了在Vue的mounted中仍然加載渲染不出echarts的方法問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
下面小編就為大家分享一篇vue2.0路由切換后頁面滾動位置不變BUG的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vite?Vue3?EsLint?Prettier配置步驟極簡方法詳解
這篇文章主要為大家介紹了Vite?Vue3?EsLint?Prettier配置步驟的極簡方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09