_makabaka

2023年7月11日

表格分页多选默认回显实现

摘要: element的表格可以使用 `row-key` 和 `reserve-selection` 来实现多选翻页回显,但是在使用过程中却出现了,翻页之后,**翻页保存的数据丢失问题**。 ## 复现前准备 首先是使用 `el-table` 和 `el-pagination` 搭建好基本的页面,包括获取表 阅读全文

posted @ 2023-07-11 13:57 __makabaka 阅读(679) 评论(0) 推荐(0) 编辑

多选表格实现思路

摘要: 表格多选功能的实现参考官方文档即可,下面给出代码: 手动添加一个`el-table-column`,设`type`属性为`selection`,使得表格出现复选框 ```vue ``` ![image-20230421150146888](https://typora-picgo-mac.oss-c 阅读全文

posted @ 2023-07-11 13:42 __makabaka 阅读(109) 评论(0) 推荐(0) 编辑

单选表格实现思路

摘要: element单选表格的实现,主要依靠elTable组件的 `select` 事件,假设存在如下表格: ![](https://typora-picgo-mac.oss-cn-hangzhou.aliyuncs.com/code.png) 以上面的表格为例子,可以通过如下步骤实现单选表格。 # da 阅读全文

posted @ 2023-07-11 13:37 __makabaka 阅读(43) 评论(0) 推荐(0) 编辑

导航