原生table点击传参问题

我们在做表格点击事情传参的时候，大多数会传一个参数。但是，今天我要描述的是：点击表格传递两个参数(即传“所在行”和“所在列”这两个参数)，表格如下图所示

 然后给每个单元格一个点击事件

<td class="td"  @click="toDeatil()">{{item.num1}}</td>

只有在这个toDetail()方法中进行传参问题

toDetail() {
    let table = event.srcElement;
    let rowIndex = table.parentElement.rowIndex; // 所在第几行
    let cellIndex = table.cellIndex // 所在第几列
    // uni-app路由跳转
    uni.navigateTo({
		url: `/pages?params1=${rowIndex}&params2=${cellIndex}`,
	});
   // vue路由跳转
    this.$route.push({
        path: "/url",
        query: { params1: rowIndex, params2: cellIndex}
    });
}

通过event.srcElement.parentElement.rowIndex可以在点击的时候知道是点击第几行？同理：event.srcElement.cellIndex知道是第几列