perf(table): 新增 v-model:selectedKeys 选中项

This commit is contained in:
就眠仪式
2021-10-14 00:12:38 +08:00
parent e5f53064a3
commit c559a2d74a
5 changed files with 96 additions and 42 deletions

View File

@@ -107,8 +107,6 @@ export default {
:::
<lay-button></lay-button>
::: field page attributes
:::

View File

@@ -127,7 +127,7 @@ export default {
<template>
{{selectedKeys}}
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" :selectedKeys="selectedKeys" @changeSelectedKeys="changeSelectedKeys" checkbox="true">
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" v-model:selectedKeys="selectedKeys" @changeSelectedKeys="changeSelectedKeys" checkbox="true">
<template v-slot:toolbar>
<lay-button>新增</lay-button>
<lay-button>删除</lay-button>
@@ -149,10 +149,6 @@ export default {
const selectedKeys = ref(['1'])
const changeSelectedKeys = function(val) {
selectedKeys.value = val
}
const columns = [
{
title:"账户",
@@ -184,8 +180,7 @@ export default {
return {
columns,
dataSource,
selectedKeys,
changeSelectedKeys
selectedKeys
}
}
}
@@ -199,9 +194,9 @@ export default {
| | | |
| --------------- | ---------- | --- |
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| id | 主键 | -- |
| selectKeys | 选中项 | -- |
| selectedKeys ( v-model ) | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |