element中使用$notify在提示信息中换行问题

const h = this.$createElement
      this.instance = this.$notify({
        type: 'warning',
        dangerouslyUseHTMLString: true,
        title: this.warningGasInfo.gasTypeName,
        message: h('a', '甲烷: ' + this.warningGasInfo.ch4 + '% 一氧化碳:' + this.warningGasInfo.co + 'ppm 氧气:' +
                this.warningGasInfo.o2 + '%' + '\n' + '温度:' + this.warningGasInfo.temperature + '℃ 湿度:' + this.warningGasInfo.humidity + '%'),
        duration: 0
      })

使用方式如下:

this.o2 + '%' + '\n' + '温度:'+ this.temperature

在对应的样式中加入white-space:pre这个样式即可

.el-notification {white-space:pre !important; }

你可能感兴趣的:(vue项目实战经验)