tableData:{
    col: [{
      prop: 'name',
      label: '客户名称',
      align: 'left',
      minWidth: '150'
    },
    {
      prop: 'customerVal',
      label: '客户价值',
      align: 'left',
      width: '150'
    }],
    data:[
        {
          name: '南通长江汽车贸易有限公司',
          customerVal: 'A类客户'
        }
    ]
}
//方法1:
  testMethod(params) {
      console.log(params);
    },
 renderSweep() {
   this.tableData.col.forEach((item, index) => {
     if (item.prop == 'name') {
       item.render = (h, params) => {
         const test=()=>{
           this.testMethod(params.row)
         }
         return (<el-button type="text" onClick={test}>{params.row[item.prop]}</el-button>)
        }
      }
   }
}

 

//方法2:
renderSweep2() {
    if (item.prop == 'customerVal') {
        item.render=(h,params)=>{
            return h('el-button',{
                attrs:{
                    type:'text'
                },
                on:{
                    click:()=>{
                      this.test(params.row)
                    }
                }
            },params.row[item.prop])
        }
    }
}

 

Logo

前往低代码交流专区

更多推荐