ElementUI弹框组件 messageBox 如何换行 ?

ElementUI弹框组件 messageBox 如何换行 ?


效果图 · 截图示下:

在这里插入图片描述


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 弹框


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

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页