feat(table): 新增 toolbar 插槽
This commit is contained in:
@@ -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 | 自定义工具栏 | -- |
|
||||
Reference in New Issue
Block a user