vue+iview-ui 的render函數的使用

1.a標簽的使用：

h('A', {
  attrs:{
    href: 'http://54.223.48.127/repair/public/admin/order/pdf?Id=' + params.row.Id,
    download: "pdf"
  },
  props: {
    type: 'info',
    size: 'small',
  },
  style: {
    width:'20px',
    marginRight: '5px',
    marginBottom: '5px',
    backgroundColor:'#f39800',
    color:'#fff',
    padding:'4.5px',
    borderRadius: '10%',
    marginTop:'0px',
    border:'1px solid #f39800'
  },
  on: {
    click: () => {
      this.daochu(params.row);
    }
  }
}, 'pdf導出'),

2.添加樣式：

h('Button', {
  props: {
    type: 'info',
    size: 'small'
  },
  style: {
    marginRight: '5px',
    marginBottom: '5px',
    // float:'right'
  },
  attrs: {
    style: 'border:1px solid #9c56d8'
  },
  on: {
    click: () => {
      this.map(params.row);
    }
  }
}, '查看地圖'),

3.不同標簽不同點擊事件的用法如下：

 

總結：以上1和2這2種情況都是通過attrs添加