element $alert实现字符串换行

效果图：

 

代码：

template：

<el-button @click="alertHH">弹框字符串换行</el-button>

js：

methods:

alertHH() {
    //this.$alert(this.huanhang, '换行换行换行！')
    this.$alert(this.huanhang, '换行换行换行！', {
        confirmButtonText: '确定',
        dangerouslyUseHTMLString: true      
 });




mounted:


let huanhang="name:"+this.name+`<br/>`+"age:"+"18" 
this.huanhang = huanhang

dangerouslyUseHTMLString:true可以将this.huanhang作为html片段处理，也就可以解析字符串的<br/>，令其换行。