如题,想做一个表格拖选多个单元格的功能,需要用到原生的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 。。。
求大神点拨!### 问题描述
问题出现的环境背景及自己尝试过哪些方法
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
element-ui的table中有提供row-click
