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()
  },
posted @ 2020-07-17 15:26  black_Crocodile  阅读(2600)  评论(0)    收藏  举报