iview表格render、renderHeader函数this指向问题

问题:项目里给表头使用renderHeader函数添加点击事件,this指向underfind
方法:在data里把当前vue实例缓存备用
在这里插入图片描述

data () {
    var self = this // 存储当前vue实例this  ★
    return {
    user_columns: [
        {
          // title: "客户",
          key: "NAME",
          renderHeader(h, params){
            return h('div', [h('strong', '客户'), h('span', {
              style: {
                marginLeft: '10px',
                color: '#fff',
                width: '30px',
                height: '20px',
                background: '#28cd9f',
                display: 'inline-block',
                textAlign: 'center',
                lineHeight: '20px',
                borderRadius: '20px',
                cursor: 'pointer'
              },
              on: {
                  click: () => {
                      _this.madalCust = true  //this找到了❤
                  }
              }
            },
        "+")])
          }
        },
      ],
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值