antd vue中動態控制table組件的選中


需求:點擊左側文件夾樹,自動勾選表格中的對應項

實現:

使用的API:rowSelection,用於進行選擇功能的配置。
使用的參數:selections,自定義選擇配置項。

 computed: {
   rowSelection() {
     const { selectedRowKeys, dataSource } = this
     return {
       selectedRowKeys, //必須為selectedRowKeys
       type: 'radio',
       onChange: this.onSelectChange,
       selections: [
         {
           onSelect: () => {
             this.selectedRowKeys = [dataSource.length - 1] //控制點擊左側文件夾樹要選中表格的哪一項
           }
         }
       ]
     }
   }
 }

點擊左側文件夾樹觸發onSelect方法

   onTreeSelect(){
    this.rowSelection.selections[0].onSelect()
  },


免責聲明!

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



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