vue iview table表格 根據后端數據動態設置已選 默認已選


先上需求,如圖:主頁是個子表,抽屜頁是個父表,

主頁中已有的數據,要在抽屜頁中已勾選的形式展示

 

發現iview文檔里用_checked字段控制是已選還是未選

先百度看看有沒有現成的

1 this.$refs.table.$refs.tbody.objData[index]._isChecked = true;

試了一下這個方法,看不懂,不會用

 

琢磨半天沒想出來前端怎么動態的設置已選,於是改起了后端

model里新增一個同名的字段,然后遍歷list賦值后再反給前端

1 public bool _checked { get; set; }
 1 list.ForEach(x=>
 2                     {
 3                         if(x.Seled == "Y" )
 4                         {
 5                             x._checked = true;
 6                         }
 7                         else
 8                         {
 9                             x._checked = false;
10                         }
11                     });

OK

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM