vue render的基础用法

作者: 798b6b7c244d | 来源:发表于2019-05-27 11:46 被阅读0次

下面是一段在表格表头里面添加icon 的代码

renderHeader: (h,params)=>{
            return h('div',[
                  h('strong','调用时间'),
                  h('Icon',{
                      props:{
                          type: 'md-arrow-round-up'   //icon 的type
                      },
                      style: {                //样式
                          marginLeft: '5px',
                          cursor: 'pointer',
                      },
                      on: {        //事件
                        click: () => {
                          this.order = 2
                          this.show()
                        }
                      }
                  }),
                  h('Icon',{
                      props:{
                          type: 'md-arrow-round-down'
                      },
                      style: {
                          marginLeft: '5px',
                          cursor: 'pointer',
                      },
                      on: {
                        click: () => {
                          this.order = 1
                          this.show()
                        }
                      }
                  }),
              ])
          }