iview 表格表头自定义，添加图标以及点击事件

 

 

{
        title: '信息',
        slot: 'firstOrderInfo',
        renderHeader: h => {
          if(this.aaa){
            return h('div',[
            h('span','表头'),
            h('Icon',{
              props: {
                type: 'md-arrow-round-up'
              },
              style: {
                color: '#33ff66',
                fontSize: '28px',
              },
              on: {
                  click: (e) => {
                    this.bbb(e)
                  },
                },
            },'')
          ])
          }else{
            return h('div',[
            h('span','表头'),
            h('Icon',{
              props: {
                type: 'md-arrow-down' 
              },
              style: {
                color: '#33ff66',
                fontSize: '28px'
              },
              on: {
                  click: (e) => {
                    this.bbb(e)
                  },
                },
            },'')
          ])
          }
          },
        width: 200
      }

  methods: {
    bbb(){
      this.aaa=!this.aaa
    },

注意这里点击事件如果要改变aaa的值不能直接改，会发现改不了，而是要执行函数在bbb里面改