perf(table): 新增 row 行单击 row-double 行双击事件
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<span @click="handleClick">
|
||||
<span @click.stop="handleClick">
|
||||
<input type="checkbox" :name="name" :value="label" />
|
||||
<div
|
||||
class="layui-unselect"
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user