iview保存编辑按钮的显示与隐藏

爬楼梯的小新

已于 2022-08-25 11:39:23 修改

阅读量218

点赞数

分类专栏： iview

于 2022-06-28 14:42:38 首次发布

本文链接：https://blog.csdn.net/weixin_57607714/article/details/125501986

版权

Vue 表格操作数据保存三元表达式前端开发

关键词由CSDN通过智能技术生成

iview 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

xuanvalue: -1, data里定义

在可编辑表格里加上这行代码

 this.selectRow(params.index);

三元表达式动态绑定保存的名字

       {
          title: "操作",
          key: "action",
          render: (h, params) => {
            return this.$tableAction(h, [
              {
                title: params.index == this.xuanvalue ? "保存" : "",
                action: () => {
                  this.saveRow(params.row);
                },
              },
            ]);
          },
        },

方法:

    //获取当前点击索引
    selectRow(e) {
      console.log(e);
      this.xuanvalue = e;
    },    
    //保存
    saveRow(row) {
        this.xuanvalue = -1;
      }
    },