btnClick() {
    //可以获取选中的行数据
    //let rows= this.getSelectRows;
    this.$message.success('点击了按钮');
},
onInited() {
    //可以通过this.buttons判断有没有某些按钮权限，如果有再添加自定义按钮
    // if ( this.buttons.some((x) => {return x.value === 'Add'})) {
    //splice在第三个按钮后面添加一个按钮
    this.buttons.splice(3, 0, {
        name: '自定义按钮', //按钮名称
        icon: 'el-icon-document', //按钮图标:组件示例->图标
        //primary、success、warning、error、info、text、danger
        type: 'primary', 
        plain: true,
        onClick:()=> {
        this.btnClick();
        }
    })
    // }
}

btnClick() {
    //可以获取选中的行数据
    //let rows= this.getSelectRows;
    this.$message.success('点击了按钮');
},
onInited() {
    //可以通过this.buttons判断有没有某些按钮权限，如果有再添加自定义按钮
    // if ( this.buttons.some((x) => {return x.value === 'Add'})) {
    //splice在第三个按钮后面添加一个按钮
    this.buttons.splice(3, 0, {
        name: '自定义按钮', //按钮名称
        icon: 'el-icon-document', //按钮图标:组件示例->图标
        //primary、success、warning、error、info、text、danger
        type: 'primary', 
        plain: true,
        onClick:()=> {
        this.btnClick();
        }
    }
    // }
}

onInited() {
    //在表格备注前面加一个按钮
    let index = this.columns.findIndex((x) => {return x.field == 'Remark'});
    //通过js语法操作数组添加按钮
    this.columns.splice(index, 0, {
    title: '按钮', //按钮名称
    field: '按钮',
    render: (h, { row, column, index }) => {
        return (
        <div>
            <el-button
            onClick={($e) => {
                $e.stopPropagation();
                this.$message.success('点击了表格按钮')
            }}
            style=" height:23px;padding: 0px 8px !important;"
            size="small"
            type="primary"
            plain
            >点击</el-button>
            {/* 这里可以接着放按钮或者其他组件 */}

                 ////这里也可以改为循环设置下按钮，其他按钮一样，使用map循环
                // [
                //   { name: "按钮1", value: "1" },
                //   { name: "按钮2", value: "2" }
                // ].map(x => {
                //      return  <el-button
                //             onClick={($e) => {
                             
                //                 $e.stopPropagation();
                //                 this.$message.success('点击了表格按钮');
                //                  console.log(x)
                //             }}
                //             style=" height:23px;padding: 0px 8px !important;"
                //             size="small"
                //             type="primary"
                //             plain >点击</el-button>
                // })
        </div>
        );
      }
    });
}

//this.buttons,this.boxButtons, this.detailOptions这些属性在【生成页面文档】中可以查看
onInited() {
  //弹出框添加明细表按钮(注意：弹出框明细表添加按钮需要写在onInited中)
  //使用unshift按钮添加到第一个位置，使用splice(2,0,{})添加到第二个按钮后面
  this.detailOptions.buttons.unshift({//这里可以使用push添加最后一个位置
    name: '自定义按钮', //按钮名称
    icon: 'el-icon-document', //按钮图标:组件示例->图标
    //primary、success、warning、error、info、text、danger
    type: 'primary',
    plain: true,
    onClick: () => { }
  })

}

//明细表按钮只能写在弹出框打开后方法隐藏
 async modelOpenAfter (row,currentAction,isCopyClick){
    const isAdd=this.currentAction=='Add';//判断是否为新建操作
   //隐藏明细表按钮
    this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '添加行') {
            btn.hidden = true;
            //或者设置只读
            //btn.readonly=true;
        }
    });

}

async onInited(){
 //明细表按钮1
  const col= this.detailOptions.columns.find((x) => {
    return x.field == '字段'
  })
  col.render = (h, { row, column, index }) => {
    return (
      <div>
        <el-button
          link
          onClick={($e) => {
             this.$message.success('按钮1')
          }}
          class="el-icon-search"
          style="color: #2196F3;cursor: pointer;"
        ></el-button>
        <el-button
          link
          onClick={($e) => {
            this.$message.success('按钮2')
          }}
          class="el-icon-date"
          style="margin-left:1px;color: #2196F3;cursor: pointer;"
        ></el-button>
        <span style="margin-left:5px">{row.字段}</span>
      </div>
    )
  }
   //明细表按钮
  this.detailOptions.columns.push({
    title: '操作',
    field: '操作',
    width: 80,
    align: 'center', // 'left',
    fixed: 'right', //固定到最右边，也可以设置为left固定到左边
    render: (h, { row, column, index }) => {
      return (
        <div>
          <el-button
            onClick={($e) => {
              this.$message.success('明细表按钮')
            }}
            type="primary"
            plain
            style="height:26px; padding: 10px !important;"
          >
            选择数据
          </el-button>
        </div>
      )
    }
  })
}

async onInited(){

  //添加弹出框按钮
  //使用unshift按钮添加到第一个位置，使用splice(2,0,{})添加到第二个按钮后面
  this.boxButtons.push({
    name: '自定义按钮', //按钮名称
    icon: 'el-icon-document', //按钮图标:组件示例->图标
    //primary、success、warning、error、info、text、danger
    type: 'primary',
    plain: true,
    onClick: () => { }
  })

 //隐藏弹出框按钮
 this.boxButtons.forEach((btn) => {
        if (btn.name == '保存') {
            btn.hidden = true;
            //或者设置只读
            //btn.readonly=true;
        }
    });
    //也可以在弹出框打开后modelOpenAfter方法动态控制
}