iview的渲染逻辑_vue + iview 组件的渲染

本文详细介绍了如何在Vue项目中结合iView组件库,实现Table组件内嵌Poptip、Table渲染、Tooltip提示以及编辑功能,包括表格内的操作按钮、编辑功能以及动态内容展示。
摘要由CSDN通过智能技术生成

一、iview 在Table组件中使用Poptip组件

08a3a4e43f2a3eceda8f7c81743d8430.png

colKey: [

{

title: '产品图',

key: 'pic',

sortable: true,

render: function(h, param){

return h('div', [

h('Button', [

h('Poptip', {

props: {

confirm: true,

title: '确定要删除吗!',

type: 'error',

size: 'small'

},

on: {

'on-ok': ()=>{

this.$Message.info('点击了确定')

},

'on-cancel': ()=>{

this.$Message.info('点击了确定')

}

}

}, '删除')

])

]);

}

]

二、poptip中渲染ta

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值