message提示信息设置多行内容

Vue项目中message提示信息如何设置多行内容,加换行符等都不生效

this.$message.success('这是第一行消息\n这是第二行消息\n这是第三行消息')

img

能传div吗


let newDatas = '';
        for (const perRes in res.data.data) {
          newDatas = newDatas + '<div>采购订单<a href="/#/scmPoH/edit/' + res.data.data[perRes].poCode + '?isShow=true" ' +
            'style="color: rgb(25, 137, 250);cursor: pointer;text-decoration: underline;">' +
            res.data.data[perRes].poCode +
            '</a>已生成!</div>';
        }
        this.$confirm(
          '提示',
          {
            title: '提示',
            message: newDatas,
            dangerouslyUseHTMLString: true,
            confirmButtonText: '确定'
          }
        )

这样试一下咯 message跟confirm应该是一样的

用html元素插入就可以了

 this.$message({
                        type:'success',
                          message: '<div>第一行</div><div>第二行</div>'
                        });

```