1. 程式人生 > >elementui中的table預設選擇幾項資料

elementui中的table預設選擇幾項資料

遇到的需求,載入頁面table中預設選中幾項開啟頁面預設選中兩項
直接程式碼

// table選擇方法
    toggleSelection(rows) {
      if (rows) {
        rows.forEach(row => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      } else {
        this.$refs.multipleTable.clearSelection();
      }
    },
    ```
    這裡主要還是利用了table提供的方法
    重點是row
    選中多條其中row肯定是一個數組
    應該在生命週期函式mounted中呼叫
    this.toggleSelection(row)
    重點還是row 這個row必須是你想要的陣列,需要後端配合了,只有獲取了從後端獲取的資料,然後對比全部的資料 就能得到你想要的row
     if(res.data.ReturnObj.length > 0) {
          this.tableData2.forEach(item=> {
            res.data.ReturnObj.forEach(val=> {
              if(val.jid == item.id ) {
                arr2.push(item)
              }
            })
          })
          this.toggleSelection(arr2)