feat(table): 新增 id 与 selectedKeys, checkbox 属性, 待完善多选框逻辑

This commit is contained in:
就眠仪式
2021-10-11 06:20:09 +08:00
parent e433135913
commit e72455f61d
2 changed files with 35 additions and 32 deletions

View File

@@ -126,7 +126,8 @@ export default {
::: demo
<template>
<lay-table :columns="columns" :dataSource="dataSource" default-toolbar="true">
{{selectedKeys}}
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" :selectedKeys="selectedKeys" checkbox="true">
<template v-slot:toolbar>
<lay-button>新增</lay-button>
<lay-button>删除</lay-button>
@@ -146,6 +147,8 @@ import { ref } from 'vue'
export default {
setup() {
const selectedKeys = ref(['1'])
const columns = [
{
title:"账户",
@@ -170,16 +173,26 @@ export default {
]
const dataSource = [
{username:"root", password:"root", age:"18"},
{username:"woow", password:"woow", age:"20"}
{id:"1", username:"root", password:"root", age:"18"},
{id:"2", username:"woow", password:"woow", age:"20"}
]
return {
columns,
dataSource
dataSource,
selectedKeys,
}
}
}
</script>
:::
:::
| | | |
|--|--|--|
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| id | 主键 | -- |
| selectKeys | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |