vue的el-table多选对某个选项进行禁用

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

文档相关链接
el-table多选官方文档
vue的el-table多选对某个选项进行禁用,vue.js,javascript,前端
用法文章来源地址https://www.toymoban.com/news/detail-759066.html

<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>

selectable(row, index) { // row当前列队数据
  if (row.disabled) { // 判断条件
    return false; // 灰掉 不可选
  } else {
    return true // 可选
  }
},

到了这里,关于vue的el-table多选对某个选项进行禁用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • el-table多选toggleRowSelection不生效?

    做弹窗里有个表格多选时,经常遇到再次打开弹窗, 已选值赋值不上 的问题,这里简单记录一下解决方案。 element官方提供的例子经常是有各种问题的,这里经常是 toggleSelection不生效 toggleRowSelection是用来控制table表格选择框回显的方法,这个方法有两个参数 toggleRowSelection

    2024年02月11日
    浏览(35)
  • element ui el-table分页多选功能

    selection-change:当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动清空)

    2024年02月09日
    浏览(37)
  • el-table中设置第一列为多选框,且多选框动态禁用

    给el-table第一列写成以下代码: 效果: 多选框动态禁用 el-table中设置了 type=\\\"selection\\\",但是由于部分数据是已经处理过的,不允许选中,但是其他的数据有可以多选的时候,我们需要动态的判断每一行的数据是否可以选中, type=\\\"selection\\\"时有这样一个属性: 所以我们只需要动态

    2024年01月18日
    浏览(36)
  • el-table(type=“selection“)多选框两种回显

    目录 一、前端数据回显(页面间数据展示) 1、图片帮助理解 2、描述: 3、代码 4、两个API,一个v-model 二、数据库数据回显  1、描述: 2、核心代码: 3、比较完整代码:(这是element ui官方文档上的) 4、改动过的,更加适应现实场景的代码:     几个注意点: 1、图片帮助理解

    2024年02月02日
    浏览(36)
  • el-table 多个表格切换多选框显示bug

    今天写了个功能,点击左侧的树做判断,一级树节点显示系统页面,二级树节点显示数据库页面,三级树节点显示表页面。 数据库页面和表页面分别有2个el-table  ,上面的没有多选框,下面的有多选框  现在出现bug,在点击树节点,代码: // 点击节点     nodeClick(data) {    

    2024年02月11日
    浏览(40)
  • element ui el-table分页多选功能失效

    编写 项目是遇到一个坑: selection-change :当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动清空) 一、在el-table中 二、在el-table-column中 添加上述刷新重试即可

    2024年04月23日
    浏览(61)
  • el-table select 多选框如何实现选中数据回显

    现象描述: 将用户勾选的内容添加到表格,当页面还未关闭时,选项还是正常勾选,但是只要退出该页面,再进来就会发现勾选被取消了 需求描述: 已选择项默认勾选,且表格内容更改,勾选项也同步更改 效果如下:

    2024年02月14日
    浏览(44)
  • 实现el-table两列多选框且不可同时勾选

    1、效果图如下,功能:必修和选修不可同时勾选 2、代码如下

    2024年02月11日
    浏览(41)
  • el-table多选框设置默认选中,翻页保留选中状态

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

    2024年02月14日
    浏览(51)
  • element-ui中的el-table实现分页多选功能

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

    2024年02月17日
    浏览(45)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包