ElementUI弹框组件 messageBox 如何换行 ？

ElementUI弹框组件 messageBox 如何换行 ？

• 参考博客：element this.$confirm确定框内容换行显示

---

效果图 · 截图示下：

---

demo代码如下：

const confirmText = ['您确定要结束招聘吗？','注意：一经确定，该职位招聘信息将会下架且不支持修改，剩余人才币将直接返还到您的账户。'];
const newDatas = [];
const h = this.$createElement;
for (const i in confirmText) {
	newDatas.push(h('p', null, confirmText[i]));
}

this.$confirm('提示',{
	title: '提示',
	message: h('div', null, newDatas),
	showCancelButton: true,
	confirmButtonText: '确定',
	cancelButtonText: '取消',
	type: 'warning'
}).then(() => {
	// 请求成功之后，调用接口
	【代码省略】
	
}).catch(() => {
	// this.$message({
	// 	type: 'info',
	// 	message: "无任何操作"
	// });
});

---

官方效果（不换行）

具体的源码，及其官方原来的效果，可以 参考elementUI官方地址：MessageBox 弹框。

• vue的$message（提示框换行） 【js代码操作】

---

以上就是关于“ ElementUI弹框组件 messageBox 如何换行 ？ ” 的全部内容。