feat(table): 新增 toolbar 插槽
This commit is contained in:
parent
315de42276
commit
edde6ed813
@ -1,9 +1,12 @@
|
||||
layui 之所以赢得如此多人的青睐,更多是在于它「前后界面兼备」的能力。既可编织出绚丽的前台页面,又可满足繁杂的管理系统界面需求。layui 致力于让每一位开发者都能轻松搭建自己的管理界面。下面是演示代码,你可以前往示例页面:
|
||||
|
||||
<br>
|
||||
|
||||
<img src="../../../src/assets/layout.png"/>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
layui 之所以赢得如此多人的青睐,更多是在于它「前后界面兼备」的能力。既可编织出绚丽的前台页面,又可满足繁杂的管理系统界面需求。layui 致力于让每一位开发者都能轻松搭建自己的管理界面。下面是演示代码 :
|
||||
|
||||
<br>
|
||||
|
||||
```html
|
||||
|
@ -126,11 +126,10 @@ export default {
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
{{selectedKeys}}
|
||||
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" v-model:selectedKeys="selectedKeys" @changeSelectedKeys="changeSelectedKeys" checkbox="true">
|
||||
<lay-table :columns="columns" id="id" :dataSource="dataSource" v-model:selectedKeys="selectedKeys" checkbox default-toolbar>
|
||||
<template v-slot:toolbar>
|
||||
<lay-button>新增</lay-button>
|
||||
<lay-button>删除</lay-button>
|
||||
<lay-button size="sm">新增</lay-button>
|
||||
<lay-button size="sm">删除</lay-button>
|
||||
</template>
|
||||
<template v-slot:username="{ data }"> {{data.username}} </template>
|
||||
<template v-slot:password="{ data }"> {{data.password}} </template>
|
||||
@ -200,3 +199,11 @@ export default {
|
||||
| id | 主键 | -- |
|
||||
| selectedKeys ( v-model ) | 选中项 | -- |
|
||||
| default-toolbar | 开启工具栏 | -- |
|
||||
|
||||
::: field table slots
|
||||
|
||||
:::
|
||||
|
||||
| | | |
|
||||
| --------------- | ----------- | --- |
|
||||
| toolbar | 自定义工具栏 | -- |
|
@ -5,6 +5,9 @@
|
||||
class="layui-form layui-border-box layui-table-view layui-table-view-1"
|
||||
>
|
||||
<div v-if="defaultToolbar || slot.toolbar" class="layui-table-tool">
|
||||
<div v-if="slot.toolbar" class="layui-table-tool-temp">
|
||||
<slot name="toolbar"></slot>
|
||||
</div>
|
||||
<div v-if="defaultToolbar" class="layui-table-tool-self">
|
||||
<div
|
||||
class="layui-inline"
|
||||
@ -129,7 +132,7 @@ const props = withDefaults(
|
||||
columns?: Recordable[]
|
||||
dataSource: Recordable[]
|
||||
defaultToolbar?: boolean
|
||||
selectedKeys: Array<string>
|
||||
selectedKeys?: Array<string>
|
||||
}>(),
|
||||
{
|
||||
id: 'id',
|
||||
|
Loading…
Reference in New Issue
Block a user