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