element表格,想给原生事件传参数row,column,但是传不进去

如题,想做一个表格拖选多个单元格的功能,需要用到原生的mousedown和mouseup事件,但是像element一些自带的事件,入cell-click,都有默认参数row,我现在想把这个默认参数row传入原生事件里,不知道该如何传,正常传是报错的。

<template>
        <el-table :data="timeLi" border size="small" @cell-click="choo" :header-row-style="headerRowStyle" @mousedown.native="mouseDown" @mouseup.native="mouseUp" >
          <el-table-column prop="date" width="80" height="200" label="星期\时间"></el-table-column>
          <el-table-column prop="name" label="00:00-12:00" width="150" height="50">
            <el-table-column prop="t0" width="20" label="0" width="50"></el-table-column>
            <el-table-column prop="t1" width="20" label="1" width="50"></el-table-column>
            <el-table-column prop="t2" width="20" label="2" width="50"></el-table-column>
            <el-table-column prop="t3" width="20" label="3"></el-table-column>
            <el-table-column prop="t4" width="20" label="4"></el-table-column>
            <el-table-column prop="t5" width="20" label="5"></el-table-column>
            <el-table-column prop="t6" width="20" label="6"></el-table-column>
            <el-table-column prop="t7" width="20" label="7"></el-table-column>
            <el-table-column prop="t8" width="20" label="8"></el-table-column>
            <el-table-column prop="t9" width="20" label="9"></el-table-column>
            <el-table-column prop="t10" width="20" label="10"></el-table-column>
            <el-table-column prop="t11" width="20" label="11"></el-table-column>
          </el-table-column>
          <el-table-column prop="address" label="12:00-24:00">
            <el-table-column prop="t12" width="20" label="12"></el-table-column>
            <el-table-column prop="t13" width="20" label="13"></el-table-column>
            <el-table-column prop="t14" width="20" label="14"></el-table-column>
            <el-table-column prop="t15" width="20" label="15"></el-table-column>
            <el-table-column prop="t16" width="20" label="16"></el-table-column>
            <el-table-column prop="t17" width="20" label="17"></el-table-column>
            <el-table-column prop="t18" width="20" label="18"></el-table-column>
            <el-table-column prop="t19" width="20" label="19"></el-table-column>
            <el-table-column prop="t20" width="20" label="20"></el-table-column>
            <el-table-column prop="t21" width="20" label="21"></el-table-column>
            <el-table-column prop="t22" width="20" label="22"></el-table-column>
            <el-table-column prop="t23" width="20" label="23"></el-table-column>
          </el-table-column>
        </el-table>
      </template>
      
      
      

然后js代码是这样的

mouseDown(row){
  console.log("1")
  // console.log(row)

},
mouseUp(row,column,cell,event){
  // console.log("2")
  // console.log(row)

},



如果像我现在这样写传的是mouseevent,并不是我要的row和column 。。。

求大神点拨!### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 3.4k
1 个回答
新手上路,请多包涵

element-ui的table中有提供row-click
图片描述

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题