current position:Home>Element notify notification prompt text wrap

Element notify notification prompt text wrap

2022-04-29 10:28:07Blue fat man's Dora A Dream

 Insert picture description here
The content is too long Prompt text is not displayed completely

Modified effect :
 Insert picture description here
Method 1 : Find the corresponding class You can modify it.

<style>
.el-notification__title {
    word-wrap: break-word !important;
    word-break: break-all !important;
}
</style>

Method 2 : Customize a style customNotifyClass, Get rid of scoped

 Insert picture description here
 Insert picture description here

 this.$notify({
        title: "",
        message: res.msg,
        type: "error",
        dangerouslyUseHTMLString: true,
        duration: 0,
        customClass:'customClassNotify'
    })
<style>
.customClassNotify{
     word-wrap: break-word;
    word-break: break-all;
}
</style>

copyright notice
author[Blue fat man's Dora A Dream],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/119/202204290911135090.html

Random recommended