ant-design-vue this.$confirm提示多行信息

希望实现的效果

如果是固定的显示内容，可以直接写JSX：

this.$confirm({
  title: '确认提示?',
  content: (
    <div>提示1<br>提示2</div>
  ),
  onOk() {},
  onCancel() {},
});

注意：content的括号不能省略
如果是动态获取的数据，就需要手写渲染函数了。

let html = '<div>';
for (let i = 0,len = msgs.length;i < len) {
	if (i === len - 1) {
		html += `${msgs[i]}`
	} else {
		html += `${msgs[i]}<br>`
	}
}
html += '</div>'

this.$confirm({
  title: '确认提示?',
  content: (h) => {
    return h('div', {
      domProps: {
        innerHTML: html
      },
    }, []);
  },
  onOk() {},
  onCancel() {},
});

以上总结是写给别人更是写给自己，如有不对的地方或者更好的方法，欢迎留言交流，在探索的路上与君共勉！