element-ui $notify 遇到特殊字符样式紊乱

Question

我在使用element-ui的$notify的时候，遇到特殊字符样式的时候，显示会混乱。有没有大神指点一下如何解决？

<template>
<div>
   <el-button
     plain
     @click="open2">
     does not close automatically
     </el-button>
</div>
</template>

<script>
export default {
   methods: {
     open2() {
       this.$notify({
         title: 'Tips',
         message: 'The comparison version MP16_SM6125_10.0_202101121904_user is under analysis, please check back later. ',
         duration: 0
       })
     }
   }
}
</script>

Answer 1

自己添加样式封面

this.$notify({
         title: 'Tips',
         message: '<div style="word-break: break-all;">Compared version MP16_SM6125_10.0_202101121904_user is under analysis, please check back later. </div>',
         duration: 0,
         dangerouslyUseHTMLString: true
       })