效果图
vue.js
{
title: '员工姓名',
key: 'Name',
width: 150,
align: 'center',
render: (h, params) => {
return h('div', [
h('span', params.row.Name),
h('Icon', {
props: {
type: 'iconfont ivu-icon-aaa-tianxie',
size: '18'
},
style: {
color: '#ffb340',
cursor: 'pointer',
marginLeft: '10px'
},
on: {
click: () => {
console.log(params.row.Name)
}
}
})
]);
}
}
// h('i', {
// class: {
// 'ivu-icon': true,
// 'ivu-icon-aaa-tianxie': true,
// 'icon-btn': true
// },
// style: {
// color: '#ffb340',
// marginLeft: '10px',
// fontSize: '18px'
// },
// on: {
// click: () => {
// console.log(params.row.Name)
// }
// }
// })
Tip: 如果点击事件没有作用 把 on 改成==>nativeOn