请教iview中render函数中slot的写法

版本:"version": "1.1.4",
问题描述:在表格的表头中,想加入Tooltip组件,如果Tooltip组件不使用slot插槽是正常显示的,但当要展示的内容过多的时候,根据文档使用slot就会产生问题,请问有什么方法可以解决吗,十分感谢。
代码部分:
1,如果要展示内容一行能展示开这么写就没有问题

{ title: '注册充值人数', key: 'RechageCount', align: 'center', renderHeader: (h, params) =>{ 
    return h('Tooltip', { 
        props: { 
            content: '当天/周/月注册当天/周/月充值的人数', placement: 'top' 
        } 
    }, '注册充值人数') } 
}

2,当要展示的内容过长时,这么写,有bug,悬浮提示层没有任何内容,而表头会把这两个标签的内容全部展示出来,是因为slot不能作为属性写在props里面吗?求正确写法

{ title: '注册充值人数', key: 'RechageCount', align: 'center', renderHeader: (h, params) ={
    return h('Tooltip', { 
        props: { placement: 'top' } 
    }, [ 
    h('span', '整体成交折标'), 
    h('div', { 
        props: { slot: 'content' }, 
        style: { widthSpace: 'normal' } 
    }, '整体成交金额中,每笔投资金额*对应投资期限的折标系数后的加总') ])
    }
}
阅读 12.6k
1 个回答
props: {},
slot: ''

放到同级

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏