iview table内渲染proptip组件

时间:2021-12-06 14:45:45
渲染proptip组件
columns: [{
title: '产品图',
key: 'pic',
sortable: true,
render: function(h, para){
return h('div', [
h('Button', [
h('Poptip', {
props: {
confirm: true,
title: '确定要删除吗!',
type: 'error',
size: 'small'
},
on: {
'on-ok': function(){
alert('删除按钮,没效果')
},
'on-cancel': function(){
alert('取消按钮,没效果')
}
}
}, '删除')
])
]);
}
}]
h('div', [
h('Poptip',{
props:{
title:'复制成功!'
}
},[
h('Button',{
props:{
icon:"md-copy",
size:'small',
},
style:{
lineHeight:'27px',
marginLeft:'2px',
float:'left'
},
})
]), ])