美文网首页
element-ui 单元格点击事件,行点击+单元格点击,获取某

element-ui 单元格点击事件,行点击+单元格点击,获取某

作者: 残_忆 | 来源:发表于2019-10-09 15:28 被阅读0次
<el-table :data="tableData" stripe  @cell-click="addSubAccount" :row-class-name="tableRowClassName">
     <el-table-column prop="installer" label="主子账号">
     </el-table-column>

 </el-table>
  
  //下面是利用给表格添加className,添加index
  tableRowClassName ({row, rowIndex}) {
    //把每一行的索引放进row
    // console.log(row,rowIndex)
    row.index = rowIndex;  //拿到的索引赋值给row的index,在这个表格中能拿到row的里面都会包含index
    return 'row-remarks'  //className(类名)
  },
   addSubAccount(row){ //获取焦点弹出关联多个子账号
        console.log(row.index)
      },
//如果需要区分那一数列的才能触发需要判断下prop的值
addSubAccount(row,column){ //获取焦点弹出关联多个子账号
    console.log(row.index)  //获取下标
   console.log(column.property ) //获取判断条件
    if(column.property == 'prop的值'){  //prop的值是自己设置的,注意别重复设置同一个值

    }
  },
  //如果表格既有行点击,又有单元格点击,在行点击事件里判断prop,等不等于你行点击的prop,如果等于直接return false  跳出

相关文章

  • Angular框架中使用ng-zorro-antd实现可编辑的t

    想要实现可编辑的表单,需要考虑两个事件,一个是失焦点击事件,另外一个是当用户点击单元格的input时,可以让单元格...

  • element-ui 某列单元格 点击复制

    1.某列点击事件 会发现在 里设置click没响应 于是,改用table的cel...

  • excel 冻结前两行窗格

    首先选中第三行单元格 点击视图-冻结窗格 完成 另外,想要同时冻结前两行和前两列窗格,选中 C3 单元格,然后点击...

  • Swift - RxSwift的使用详解30(UITableVi

    一、UITableView 的基本用法 1,单个分区的表格 2,单元格选中事件响应 (1)当我们点击某个单元格时将...

  • 2019-04-23

    1、修改单元格样式 点击开始-单元格样式-选择“我的标题”-点击右键“修改”-选择格式-边框选择双边框-颜色选择红...

  • 2018-12-04 GridView行点击事件数据赋值到hig

    GridView行点击事件数据赋值到highcharts 的使用 1.行改变样式及点击事件 2.点击事件获取到数据...

  • 选择性粘贴

    一、基本用法 复制数据,点击需要粘贴到的单元格,点击右键,粘贴选项,这里有六种功能: 粘贴,可以把原单元格里仍...

  • HertZ插件 小数 格式

    实用工具中功能“小数”,用于给所选单元格加Round。 该按钮为拆分按钮,点击左侧为所选单元格添加Round,点击...

  • 2018-01-01

    oncontextmune事件 当用户在某元素上点击鼠标右键时触发此事件。 如何获取鼠标位置 当用户点击某元素,并...

  • 4.5 单元格内容的对齐方式 [Excel教程]

    1. 本节课将为您演示单元格的对齐方式。首先点击选择标题单元格。 2. 然后在[对齐方式]命令组中,点击居中对齐按...

网友评论

      本文标题:element-ui 单元格点击事件,行点击+单元格点击,获取某

      本文链接:https://www.haomeiwen.com/subject/wjoluctx.html