element中table多选功能禁止选择某一项

这篇具有很好参考价值的文章主要介绍了element中table多选功能禁止选择某一项。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

element-ui中的table的多选很好用,但是如果其中某一项禁止选择,该怎样操作呢

eltable某条数据禁止选择,vue.js,elementui,前端,javascript,ecmascript

在官方文档中,有一个这样的属性,可以控制是否禁止选择文章来源地址https://www.toymoban.com/news/detail-643207.html

 <el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
selectable(row,index){
                 return row.sex==2//为true的时候可以选,为false则不可选择
}

到了这里,关于element中table多选功能禁止选择某一项的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • element-ui中的el-table实现分页多选功能

    selection-change事件:当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动清空) 链接: https://blog.csdn.net/qq_36157085/article/details/122922678

    2024年02月17日
    浏览(48)
  • 前端 element-ui el-date-picker日期选择器限制只能选择当月时间,禁止跨月功能

     实现效果:  代码实现:

    2024年01月24日
    浏览(62)
  • Element ui 中Table分页多选

    表格有分页需要多选,某page选中的数据,当再次到这个page的时候, 之前选中的数据需要是选中状态。比如在首页选中一些数据之后, 跳到第2页, 然后再回首页,首页之前选中的数据要是选中状态。 1. Table 用到的事件: @select : 当用户手动勾选数据行的 Checkbox 时触发的事件

    2024年02月03日
    浏览(36)
  • elements ui vue table 多选操作

    前言:总结一下 elements ui vue 框架使用中出现的问题,目前来看vue 的开发代码的质量和效率 要高于传统的 js 框架,至少在管理系统的开发上面,代码量相对比较小 可以参考 elements ui 官网 https://element.eleme.io/#/zh-CN/component/table#table-column-scoped-slot 具体在实际使用中基本都是带分

    2024年02月16日
    浏览(34)
  • element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显 element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显

    element-ui 的官网是有属性的 row-key  属性传入唯一值 row-key  属性传入一个方法 核心: this.$refs.multipleTable.toggleRowSelection(val, true)

    2024年02月15日
    浏览(47)
  • 获取对象数组中某一项最大值

    对象数组是指一个数组中存储了多个对象的集合。在许多编程语言中,我们可以使用对象数组来方便地存储和管理多个对象的数据。 对象数组可以包含相同类型的对象,也可以包含不同类型的对象。每个对象都可以有自己的属性和方法,通过数组索引可以访问和操作这些对象

    2024年02月11日
    浏览(64)
  • elementUi - - - - table 勾选功能 & 禁止勾选

    代码如下: 上述代码即可实现勾选功能 代码如下:

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

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

    2024年02月05日
    浏览(46)
  • vue+element 多选级联选择器自定义props

    我这里分享的是 Cascader 级联选择器 中的多选、以及如何 自定义props 的使用详解 效果 代码 这里在优化一下,将option放置外部引入,如果是通过后端传入的数据这里也可以直接赋值给option 创建一个regin.js 页面中使用 将rogin.js引入,然后在生命周期函数中赋值给options、这里如

    2024年02月16日
    浏览(32)
  • 随手记:vue2 使用element UI table表格的单选多选反选思路

    selection-change 参数只有一个selection : 可以获取到当前勾选的row的数据,勾选自动行程数组 @selection-change=\\\"handleSelectionChange\\\"    // 多选框选中数据     handleSelectionChange(selection) {         //selection 是勾选中的数组     },  select 参数 selection 选中的数组  row 当前选中的单条数

    2024年04月26日
    浏览(36)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包