vue + iView：table 组件中 render 怎么绑定click事件

最新推荐文章于 2024-09-06 09:05:47 发布

hongc93

最新推荐文章于 2024-09-06 09:05:47 发布

阅读量1.4w

点赞数 3

分类专栏： vue 文章标签： vue table element table

本文链接：https://blog.csdn.net/hongc93/article/details/85011705

版权

vue 专栏收录该内容

50 篇文章 3 订阅

订阅专栏

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])
        }
    }
}