theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(table): 新增 changeSelectedKeys 回调

Browse Source
This commit is contained in:
就眠仪式 2021-10-11 14:23:33 +08:00
parent a1824b2da4
commit e1c8e1f7c6
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/docs/zh-CN/components/table.md
View File

@ -127,7 +127,7 @@ export default {
<template>
{{selectedKeys}}
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" :selectedKeys="selectedKeys" checkbox="true">
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" :selectedKeys="selectedKeys" @changeSelectedKeys="changeSelectedKeys" checkbox="true">
<template v-slot:toolbar>
<lay-button>新增</lay-button>
<lay-button>删除</lay-button>
@ -149,6 +149,10 @@ export default {
const selectedKeys = ref(['1'])
const changeSelectedKeys = function(val) {
selectedKeys.value = val
}
const columns = [
{
title:"账户",
@ -181,6 +185,7 @@ export default {
columns,
dataSource,
selectedKeys,
changeSelectedKeys
}
}
}

10
src/module/table/index.vue
View File

@ -105,7 +105,7 @@
</div>
</template>
<script setup name="LayTable" lang="ts">
import { defineProps, ref, useSlots, watch, withDefaults, defineEmits } from 'vue'
import { defineProps, ref, useSlots, watch, withDefaults, defineEmits, computed } from 'vue'
const props = withDefaults(
defineProps<{
@ -124,9 +124,13 @@ const props = withDefaults(
}
)
const tableSelectedKeys = ref(props.selectedKeys)
const tableSelectedKeys = ref([...props.selectedKeys])
const emit = defineEmits(['change'])
watch(tableSelectedKeys, function(val){
emit('changeSelectedKeys',val)
},{deep: true})
const emit = defineEmits(['change','changeSelectedKeys'])
const slot = useSlots()
const slots = slot.default && slot.default()