首页 > 其他 > 详细

element ui表格实现单选 但是单选取消会报错

时间:2020-07-24 21:20:18      阅读:117      评论:0      收藏:0      [点我收藏+]

1.在el-table中添加两个事件

 @selection-change="handleSelectionChange"
 @current-change="choosperssionChange"
  ref="Table"

 2.然后在methods定义两个方法

  
  // 点击表格中复选框拿到哪一行想要的数据
    handleSelectionChange(val) {
      if (val.length > 1) {
        this.$refs.Table.clearSelection();
        this.$refs.Table.toggleRowSelection(val.pop());
      } else{
//拿到想要的id什么的
} }, // 切换到某一行的状态 choosperssionChange(val) { this.$refs.Table.toggleRowSelection(val); },

3.这是我遇到的错误,因为我点击复选框,在点击一次会报错,以下是报错信息

技术分享图片

技术分享图片

 

element ui表格实现单选 但是单选取消会报错

原文:https://www.cnblogs.com/heng0310/p/13373389.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!