_makabaka

2023年7月11日

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

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

posted @ 2023-07-11 13:57 __makabaka 阅读(692) 评论(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 阅读(44) 评论(0) 推荐(0) 编辑

导航