el-table如何禁用

LinDon_

已于 2023-04-14 11:38:14 修改

阅读量848

点赞数

分类专栏： VUE 文章标签： javascript 前端 vue.js

于 2022-06-25 11:40:26 首次发布

本文链接：https://blog.csdn.net/weixin_46252229/article/details/125457402

版权

本文详细介绍了在Vue.js中如何禁用el-table组件。通过设置表格行或单元格的禁用状态，可以实现对表格元素的控制。内容涵盖了使用JavaScript和Vue.js的数据绑定来禁用特定行或单元格的步骤，帮助开发者更好地理解和应用el-table的禁用功能。

摘要由CSDN通过智能技术生成

<el-table ref="table"
                  highlight-current-row="true"
                  header-row-class-name="el-table_color"
                  tooltip-effect="dark"
                  fit
                  border
                  stripe
                  :height="crud.tableHeight-180"
                  @row-click="crud.handleRowClick"
                  v-watermark="{text:syname,textColor:'rgba(180, 180, 180, 0.3)'}"  v-loading="crud.loading" :data="newArr"
                  size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandlerAll">
          <el-table-column type="selection" :selectable="checkSelectable" width="40"  align="center" fixed="left"/>
          <el-table-column :show-overflow-tooltip="true" v-i