createVNode 渲染函数的使用

今天碰到一个测试提bug，上图
使用渲染函数创建dom解决。
参考vue3官方文档createVNode
1.这是没改之前的，租户名称是动态展示的，过长的话只隐藏租户名称，不隐藏后面的字。用的Antd组件库。可以使用渲染函数来实现控制样式。

改完的效果

createVNode(‘参数1’， ’参数2‘，’参数3‘)
参数1： type，就是html标签
参数2：props， 属性
参数3: 渲染的内容，如果要嵌套的话就是一个[]

 Modal.confirm({
        title: '移除租户',
        width: 450,
        icon: createVNode(ExclamationCircleOutlined),
        content: createVNode('div', { style: { display: 'flex' } }, [
          createVNode('span', {
            title: `确定移除租户 (${customerName}) 吗？`,
            style: {
              width: '100%',
              whiteSpace: 'nowrap',
              overflow: 'hidden',
              textOverflow: 'ellipsis'
            }
          }, `确定移除租户 (${customerName}) `),
          createVNode('span', null, '吗？')
        ]),