vue+iview-ui 的render函数的样式及结合使用a标签的用法

a标签的使用:

vue+iview-ui  的render函数的样式及结合使用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导出'),

添加样式:

vue+iview-ui  的render函数的样式及结合使用a标签的用法

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);
}
}
}, '查看地图'),




总结:以上2种情况都是通过attrs添加

 

上一篇:Python 爬虫批量下载美女图片,给枯燥的工作添加点乐趣!


下一篇:day03 解析库之搜索文档树