如何禁用 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属性判断,当然也没有生效,最终亲测这个方法,有效(完美)

相关推荐
码艺-Alimjan31 分钟前
Vben Admin 新增维吾尔语 Vben-Modal的关键坑之一
前端·javascript·vue.js
可乐鸡翅yeah_1 小时前
hls.js 手动自定义 http 请求 loader,修改请求头实战
开发语言·前端·javascript·网络协议·http·ecmascript·m3u8在线
星光开发者2 小时前
基于决策树随机森林算法的小说推荐系统的设计与实现-计算机毕设【课程设计】78485
vue.js·算法·微信小程序·django·php·课程设计·express
yivifu2 小时前
中文古籍电子书注释集成
前端·javascript·python·beautifulsoup·epub
vx_Biye_Design2 小时前
springboot高校选课系统82776-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·spring·课程设计·express
niyongsheng3 小时前
后端零改动,给若依换一套现代化前端
vue.js·开源·node.js
weixin_448290253 小时前
书庐开发实战教学
javascript·css·html
默_笙3 小时前
🛴 从散件到整机:DeepAgents 与 Agent 身上预留的那些"插槽"(前置介绍)
前端·javascript
一木 之林3 小时前
DeepSeek Agent 开发(一)
开发语言·前端·javascript
用户9177533718755 小时前
从零封装一个地图组件库:OpenLayers + Vue 的工程化实践
vue.js