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

这篇具有很好参考价值的文章主要介绍了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日
    浏览(51)
  • 如何给el-table添加选中高亮

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

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

     

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

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

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

    代码如下: 效果如图: 如有漏洞,欢迎互动指教!!!!!!!!!!!!!

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

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

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

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

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

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

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

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

    2024年02月05日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包