Ant design vue table 单击行选中 勾选checkbox

摘要:
最近了解Antdesign设计table单击行选中checkedbox功能,相比于element的@row-click再触发toggleRowSelection,antdesign的api就没那么清晰了,言归正传期望:Antdesigntable单击行选中勾选checkedbox实现:单选:onClickRow(record){return{on:{click:()=˃{letkeys=[];ke

最近了解Ant design 设计table 单击行选中checkedbox功能,相比于element的 @row-click 再触发toggleRowSelection,ant design的api就没那么清晰了,言归正传

期望:Ant design table单击行选中 勾选checkedbox

实现:

Ant design vue table 单击行选中 勾选checkbox第1张

单选: 
onClickRow(record) {
    return{
        on: {
            click: () =>{
                let keys =[];
                keys.push(record.id); 
                this.selectedRowKeys =keys;
            }
        }
    }
}
多选:
onClickRowMulti(record) { 
return{ 
   on: { 
      click: () =>{ 
          let rowKeys=this.selectedRowKeys
         if(rowKeys.length>0 &&rowKeys.includes(record.id)){
           rowKeys.splice(rowKeys.indexOf(record.id),1)
         }else{
          rowKeys.push(record.id)
         }
         this.selectedRowKeys =rowKeys; 
       } 
     } 
  } 
}

免责声明:文章转载自《Ant design vue table 单击行选中 勾选checkbox》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇postgres使用dblink(5) openssl speed(测试算法性能)和openssl rand(生成随机数)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue-构建app项目

以下记录vue-cli 3构建app项目的步骤。 一、初始化配置,并运行启动app 1、安装nodeJS,git ,配置环境,Vue CLI 3.x 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。 2、安装vue-cli ,命令:npm install -g @vue/cli 3、创建项目:vue create mapp-demo 推...

Latex 双栏模式下表格太长怎么办?

有的时候表格可能一页都装不下,如果用原始的table包的话很可能就会溢出了,所以很自然的一个想法是让表格自动换页,网上很多资料都是推荐longtable,但是因为我的是双栏文章,用这个包会有问题,比如table只是会浮在文字的上面,而且caption的显示也是有问题的,试了很久终于找到了解决办法,而且超级简单,只需要缩放一下table就好,方法如下: eg...

基于Idea从零搭建一个最简单的vue项目

一、需要了解的基本知识 node.js Node.js是一个Javascript运行环境(runtime),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。 No...

mysql--日志文件

1 选择常规查询日志和慢查询日志输出目标 1.1  log_output查看、定义   所谓的输出目标就是日志写入到哪里,mysql中用系统变量 log_output来指定输出目标,log_output的值有三个: NONE   FILE   TABLE  (其中NONE优先级最高)   mysql中log_output语法 :   show variab...

学习vue 20天,我写了点东西

往昔 最初团队里使用Angularjs进行开发,刚开始还好,到了项目后期越发感觉Angularjs太重了,以至于后来重构项目时,毅然放弃Angularjs,投入了Vue的怀抱。除了组建团队时,是我搭建了基于Angularjs的前端开发框架,之后都是由前端小组开发。前段时间,由于公司层面的原因,整个团队解散,不得已我又要写前端程序了。 虽然前期Angular...

SQL[连载2]语法及相关实例

SQL[连载2]语法及相关实例 SQL语法 数据库表 一个数据库通常包含一个或多个表。每个表由一个名字标识(例如:"Websites"),表包含带有数据的记录(行)。 在本教程中,我们在 MySQL 的 RUNOOB 数据库中中创建了 Websites 表,由于存储网站记录。 我们可以通过以下命令查看 "Websites" 表的数据: mysql>...