el-table-column 某些通过接口返回的section设置为禁用

复制代码
 <el-table-column
                                        prop="Flag"
                                        show-overflow-tooltip
                                        width="100"
                                        align="center"
                                        type="selection"
                                        :reserve-selection="true"
                                        :selectable="checkSelectable"
                                    >
                                    </el-table-column>

设置 :reserve-selection="true"

:selectable="checkSelectable"

复制代码
 <el-table
                                   
                                    ref="multipleTable"
                                    :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
                                    tooltip-effect="dark"
                                    style="width: 100%"
                                    @selection-change="handleSelection"
                                    :row-key="rowKey"
                                    :header-cell-class-name="cellclass"
                                >

el-table中设置 :row-key="rowKey"

复制代码
 rowKey(row) {
            return row.id;
        },

      checkSelectable(row) {
            if (row.Flag == false) {
               
                return false;
            } else {
                return true;
            }
        },
相关推荐
就爱瞎逛14 分钟前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind
柚子81617 分钟前
sibling-index:我用这个画时钟表盘
前端·css
UI设计和前端开发从业者32 分钟前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
前端小巷子1 小时前
Web开发中的文件上传
前端·javascript·面试
翻滚吧键盘2 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹2 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
前端风云志2 小时前
typescript结构化类型应用两例
javascript
杨进军2 小时前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW2 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字3 小时前
Kotlin lazy 委托的底层实现原理
前端