for example, if you want to drag and select multiple cells in a table, you need to use native mousedown and mouseup events, but like some events that come with element, enter cell-click, there is a default parameter row. Now I want to transfer this default parameter row into the native event. I don"t know how to pass it. Normal transmission is an error report.
<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>
then the js code goes like this
mouseDown(row){
console.log("1")
// console.log(row)
},
mouseUp(row,column,cell,event){
// console.log("2")
// console.log(row)
},
mouseeventrowcolumn
-sharp-sharp-sharp
the environmental background of the problems and what methods you have tried
related codes
/ / Please paste the code text below (do not replace the code with pictures)