如何禁用 el-table 单独某一行,修改某一行样式等(最有效)

案例:根据el-table :data="tableData"中是否有invalidStatus值为1,如果是就是不禁用,否就禁用这一行,当然这个invalidStatus随意就行,只要在tabledata中的每一行数据中有这个属性就行,也就是row中得有你要根据判断的属性

javascript 复制代码
el-table中添加这段代码::row-style="changDisabled"
javascript 复制代码
changDisabled({ row }) {
      if (row.invalidStatus !== 1) {
        return {
          opacity: "0.5",
          pointerEvents: "none"
        };
      }

看了网上的其他方法都不生效,比如给tabledata里设置disabled属性,我试了没有作用,还有就是给el-table设置 row-class-name="table-row-disabled",然后根据disabled属性判断,当然也没有生效,最终亲测这个方法,有效(完美)

相关推荐
祈澈菇凉1 小时前
Webpack的基本功能有哪些
前端·javascript·vue.js
记得早睡~2 小时前
leetcode150-逆波兰表达式求值
javascript·算法·leetcode
庸俗今天不摸鱼3 小时前
Canvas进阶-4、边界检测(流光,鼠标拖尾)
开发语言·前端·javascript·计算机外设
yanglamei19623 小时前
基于Python+Django+Vue的旅游景区推荐系统系统设计与实现源代码+数据库+使用说明
vue.js·python·django
[廾匸]4 小时前
cesium视频投影
javascript·无人机·cesium·cesium.js·视频投影
fendouweiqian4 小时前
element-plus 根据条件显示多选框
elementui
流烟默4 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
菲力蒲LY4 小时前
vue 手写分页
前端·javascript·vue.js
一丢丢@zml4 小时前
new 一个构造函数的过程以及手写 new
javascript·手写new
化作繁星6 小时前
React 高阶组件的优缺点
前端·javascript·react.js