element-ui的$notify碰到特殊字符样式错乱

Question

<template>
<div>
  <el-button
    plain
    @click="open2">
    不会自动关闭
    </el-button>
</div>
</template>

<script>
export default {
  methods: {
    open2 () {
      this.$notify({
        title: '提示',
        message: '对比版本MP16_SM6125_10.0_202101121904_user分析中，请稍后回来查看。',
        duration: 0
      })
    }
  }
}
</script>

Answer 1

this.$notify({
        title: '提示',
        message: '<div style="word-break: break-all;">对比版本MP16_SM6125_10.0_202101121904_user分析中，请稍后回来查看。</div>',
        duration: 0,
        dangerouslyUseHTMLString: true
      })

自己加个样式覆盖下吧，问题不大。