2019-07-08 iview element table 表格点击该行选中/取消

请自动忽略表格绑定的无关变量....

iview 表格点击该行选中/取消

              
 //行点击事件
rowClick(data,index){//data 该行数据 ,index该行索引
     this.$refs.table.toggleSelect(index);// 选中/取消该行(若已选中则是取消,若已取消则是选中)
 }

element 表格点击该行选中/取消


      
      

 //行点击事件
 rowClick(data,index){//data 该行数据 ,index该行索引
    this.$refs["userTable"].toggleRowSelection(data)// 选中/取消该行(若已选中则是取消,若已取消则是选中)
 },

附:若表格每行有一些点击事件的按钮,不想点击后会自动选中改行,你需要在对应事件里调用这个方法阻止一下事件冒泡:

    //阻止事件冒泡
    stopPropagation(e) { 
      e = e || window.event; 
      if(e.stopPropagation) { //W3C阻止冒泡方法 
          e.stopPropagation(); 
      } else { 
          e.cancelBubble = true; //IE阻止冒泡方法 
      } 
    }

你可能感兴趣的:(2019-07-08 iview element table 表格点击该行选中/取消)