Pure-admin框架 Pure-table中获取所选中的内容的信息

10月前作者：四时之雨分类：Toy博客阅读(58) 违法举报

这篇具有很好参考价值的文章主要介绍了Pure-admin框架 Pure-table中获取所选中的内容的信息。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

最近在尝试使用Pure-admin框架来进行开发，正好遇到了多选表格需要获取选中项的id的情况，因为平台介绍说是二次封装 element-plus 的 Table ，直接拿el-table的方法来试

在table上设置属性ref="multipleTableRef"

let idArr = [];
    multipleTableRef.value.getSelectionRows().map((item) => {
    idArr.push(item.id);
});

出现了报错，原因是没找到方法getSelectionRows()

没有兼容方法，只能去看看框架是怎么处理这种情况的了

找到对应的文件

Pure-admin框架 Pure-table中获取所选中的内容的信息,vue.js,前端,javascript

Pure-admin框架 Pure-table中获取所选中的内容的信息,vue.js,前端,javascript

能发现是通过事件selection-change来获取所选中的值，那就很好处理了

multipleSelection.value.map(item => {
    idArr.push(item.id);
  });

照葫芦画瓢直接拿来，成功拿到了数据文章来源地址https://www.toymoban.com/news/detail-802696.html

到了这里，关于Pure-admin框架 Pure-table中获取所选中的内容的信息的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

el-table多选框设置默认选中，翻页保留选中状态

最近碰到个需求，el-table列表渲染数据，要求有多选框并且附带默认选中，翻页后保留选中状态写默认选中时百度一下还很简单，但是碰到个bug，第一次翻页可以保留，第二次翻页回来之后选中的就没了。经过研究解决，记录一下，直接上代码了默认选中只需要给table增加

2024年02月14日
浏览(53)
如何给el-table添加选中高亮

首先给el-table添加属性highlight-current-row,当点击当前行的时候会有个默认的高亮然后可以根据设计图修改选中行的高亮颜色如果需要做选中的逻辑处理,那么可以给el-table绑定current-change事件

2024年02月13日
浏览(53)
vue3 Table 分页保留选中状态

2024年02月10日
浏览(35)
el-table多选表格实现默认选中删除选中列表取消勾选等联动效果

实现效果如下：代码如下：

2024年02月08日
浏览(49)
element 选中table指定行并添加背景色

代码如下：效果如图：如有漏洞，欢迎互动指教！！！！！！！！！！！！！

2024年02月06日
浏览(40)
Vue3 vxe-table 手写鼠标区域选中

参考原文地址:vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作[2]-CSDN博客准备vxe-talbe@4.5.7,Vue@3.3.4,在原作者的基础上进行了修改,修改后和官网几乎无差别,允许左右侧固定列选中,允许任意范围选中,但是键盘监听功能没添加//感觉没啥软用.... 先看效果: 正常鼠标从左上往右下

2024年02月05日
浏览(56)
【Vue-Element-Admin】table添加自定义索引

通过给 type=index 的列传入 index 属性，可以自定义索引。该属性传入数字时，将作为索引的起始值。也可以传入一个方法，它提供当前行的行号（从 0 开始）作为参数，返回值将作为索引展示。

2024年02月05日
浏览(70)
vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作

该功能存在bug哦，移步我的新博客:vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作[2]_wanghanlu_的博客-CSDN博客在看vxe-table 文档时,发现一个功能,鼠标区域选中,觉得这个功能很好。但是仔细发现,这个功能不是免费的。我就想想,为啥不能自己实现呢。下面给你看看我的最终

2024年02月15日
浏览(44)
[ element-ui:table ] 设置table中某些行数据禁止被选中，通过selectable 定义方法解决

业务需求：需要做到table表格中某些行数据不能被选中，比如在审核一些记录数据时，已经被审核的数据就不能再次提交审核，特别是批量多选的情况，列表中既有已经审核的，也有未审核的，只要求选中未审核的记录即可（当然也可以提前把已经审核的数据过滤掉）。做到

2024年02月05日
浏览(47)
vxe-table 鼠标滑动选择多行,鼠标区域选中批量操作[2]

前几天写了一个关于 vxe-table 鼠标滑动选择多行的博客，在项目上线的过程中，发现这个功能还是有点bug,在经过我对vxe-table pro版本的演示后vxe-table PRO，认真调试后，终于解决了bug,并且这个功能和pro版本可以说是几乎一模一样。注意：我是说这个滑动选择的功能，不是说是

2024年02月05日
浏览(158)