前端elementplus实现表格点击某一行选中,按ctrl点击行多选,按shift点击行连选

前端elementplus实现表格点击某一行选中,按ctrl点击行多选,按shift点击行连选

码农世界 2024-05-18 前端 116 次浏览 0个评论

前端element-plus实现表格点击某一行选中,按ctrl点击行多选,按shift点击行连选

  • 1.实现效果
  • 2.代码

    1.实现效果

    2.代码

    框架vue3,组件库element-plus

    我在这里使用el-table二次封装了一个表格组件

    
    
    
    

    使用时如下

    multipleSelection为多选选择的数据

    
    	// el-table-column列配置
    
    

转载请注明来自码农世界,本文标题:《前端elementplus实现表格点击某一行选中,按ctrl点击行多选,按shift点击行连选》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,116人围观)参与讨论

还没有评论,来说两句吧...

Top