vue elementUi中的table使用選擇多行數據(Checkbox) -- 手動設置選中行但是沒有效果的問題


今天有個需求為后台請求接口獲取的列表以表格的形式展示,並且Checkbox展示默認選中行,

 

現在有個問題:在接口請求成功的同時設置默認選中項時不起效果,下邊展示出官網文檔中的設置代碼

 rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);
          });

最后找了好幾種方法進行測試,發現設置選中過早,以下為解決方法

 

    setTimeout(() => {
                    rows.forEach(row => {
            this.$refs.multipleTable.toggleRowSelection(row);
          });
              }, 1)

 


免責聲明!

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



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