vue对后台返回的长报错信息做html排版整齐显示

vue h函数

1.返回信息加上<br/>：

{
    "resultCode": "0",
    "data": null,
    "dataCount": 0,
    "resultMessage": " 行号：1 品规名称(中文)为空！<br/>  行号：1 关联品规名称(中文)不存在！<br/>  行号：1 报损数量为空！<br/>  行号：1 库存数量为空！<br/>  行号：1 在途数量为空！<br/>  行号：1 机构编码为空！<br/>  行号：1库存日期为空或格式错误！<br/>  行号：2 品规名称(中文)为空！<br/>  行号：2 关联品规名称(中文)不存在！<br/>  行号：2 报损数量为空！<br/>  行号：2 库存数量为空！<br/>  行号：2 在途数量为空！<br/>  行号：2 机构编码为空！<br/>  行号：2库存日期为空或格式错误！<br/>  行号：3 品规名称(中文)为空！<br/>  行号：3 关联品规名称(中文)不存在！<br/>  行号：3 报损数量为空！<br/>  行号：3 库存数量为空！<br/>  行号：3 在
}

2.直接写方法

// 弹出对话框

      errorInfoModel(resultMessage) {

        const modal = this.$success({

          title: '报错明细',

          content:(h) => {

            return h('div', {

                

                // style:{

              //   width:'550px'

              // },

              domProps:{

                innerHTML: resultMessage

              },

            }, [])

          }

        })

      }