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

相关推荐
英俊潇洒美少年9 分钟前
Vue3暂不支持并发渲染
vue.js
xkxnq14 分钟前
第六阶段:Vue生态高级整合与优化(第96天) Vue i18n优化:语言包按需加载+缓存当前语言+避免页面刷新失效
前端·vue.js·缓存
进击的雷神16 分钟前
多展会框架复用、Next.js结构统一、北非网络优化、参数差异化配置——阿尔及利亚展爬虫四大技术难关攻克纪实
javascript·网络·爬虫·python
吴声子夜歌28 分钟前
JavaScript——字符串和正则表达式
开发语言·javascript·正则表达式
林恒smileZAZ28 分钟前
JavaScript this绑定规则:告别踩坑指南!
开发语言·javascript·ecmascript
不会写DN38 分钟前
从依赖到自主:手写一个 ICO 文件转换器
前端·javascript·typescript·node.js
Sylus_sui42 分钟前
鸿蒙ArkUI状态管理全攻略
javascript
Highcharts.js44 分钟前
Highcharts Grid Lite:企业免费表格数据的基本工具
前端·javascript·信息可视化·免费·highcharts·表格工具
程序员小李白1 小时前
Vue 组件通信 极简速记版
前端·javascript·vue.js