avue自带按钮根据列表中某属性的值显示或隐藏

原创于 2024-07-03 14:36:07 发布

· 740 阅读

0 ·

版权

文章标签：

#vue

效果

在这里插入图片描述

前端代码

添加代码:row-style = “rowStyle”

<avue-crud :option="option"
               :table-loading="loading"
               :data="data"
               :page.sync="page"
               :permission="permissionList"
               :before-open="beforeOpen"
               :row-style = "rowStyle"
               v-model="form"
               ref="crud"
               @row-update="rowUpdate"
               @row-save="rowSave"
               @row-del="rowDel"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      
    </avue-crud>

添加方法rowStyle

rowStyle(column){
        // 根据status的值隐藏显示
        if(column.row.status == 0){
          this.option.editBtn = true;
        }else{
          this.option.editBtn = false;
        }
      },