elementui多选框标题-elementUI中禁用表格多选框的问题如何处理

2024-02-12 0 6,073 百度已收录

大多数人都不太理解这篇文章《如何处理elementUI中禁用表格多选框的问题》的知识点elementui多选框标题,所以小编为大家总结了以下内容。 内容详细,步骤清晰,具有一定的参考价值。 希望您读完本文后有所收获。 我们来看看这篇文章《如何处理elementUI中禁用表格多选框的问题》。

处理 elementUI 中表格多选框的禁用

在el-table-column类型选择组件中添加:selectable='方法名'

   
   
   
   

方法函数

selectEnable(row, rowIndex) {
      if (this.enabelIds.some(item => item === row.id)) {
        return false
      } else {
        return true// 不禁用
      }
    }

elementUI多选表禁止选择一行

首先使用element-ui的table组件

具体代码如下

    
                                  
        
    

TableData是绑定的表格数据elementui多选框标题,表格第一列的类型设置为selection,代表多选。

绑定到 selectable 的 selectHandle() 方法仅对 type=selection 的列有效。 类型是函数。 Function的返回值用于判断该行的CheckBox是否可以被选中。 接下来,您只需在 selectHandle() 方法中设置返回值即可。 就是这样

如下:

    //在参数row中可以获得这一行的数据,index为这一行的下标,
    //我的需求是禁用第一行,所以在index === 0 的时候,返回false即可
    selectHandle(row, index) {
      return !(index === 0);
    },

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 elementui elementui多选框标题-elementUI中禁用表格多选框的问题如何处理 https://www.wkzy.net/game/200060.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务