perf(table): 新增 row 行单击 row-double 行双击事件

This commit is contained in:
就眠仪式
2021-11-05 01:02:48 +08:00
parent 3c9851844f
commit 01851fd3ac
5 changed files with 44 additions and 14 deletions

View File

@@ -1,5 +1,5 @@
<template>
<span @click="handleClick">
<span @click.stop="handleClick">
<input type="checkbox" :name="name" :value="label" />
<div
class="layui-unselect"

View File

@@ -19,7 +19,9 @@
</div>
</div>
</div>
<div class="layui-table-box">
<!-- 表格头部 -->
<div class="layui-table-header">
<table class="layui-table" :lay-size="size">
<thead>
@@ -46,11 +48,12 @@
</thead>
</table>
</div>
<!-- 表格数据 -->
<div class="layui-table-body layui-table-main">
<table class="layui-table" :lay-size="size">
<tbody>
<template v-for="data in dataSource" :key="data">
<tr>
<tr @click.stop="rowClick(data)" @dblclick.stop="rowDoubleClick(data)">
<td v-if="checkbox" class="layui-table-col-special">
<div class="layui-table-cell laytable-cell-checkbox">
<table-item-checkbox
@@ -154,7 +157,7 @@ const props = withDefaults(
}
)
const emit = defineEmits(['change', 'update:selectedKeys'])
const emit = defineEmits(['change','row','row-double', 'update:selectedKeys'])
const slot = useSlots()
const slots = slot.default && slot.default()
@@ -192,6 +195,14 @@ const change = function (page: any) {
emit('change', page)
}
const rowClick = function(data: any) {
emit('row', data)
}
const rowDoubleClick = function(data: any) {
emit('row-double', data)
}
const print = function () {
let subOutputRankPrint = document.getElementById('lay-table') as HTMLElement
let newContent = subOutputRankPrint.innerHTML