当前位置 博文首页 > iloki的博客:vue 拼接字符串‘\n‘换行符不生效

    iloki的博客:vue 拼接字符串‘\n‘换行符不生效

    作者:[db:作者] 时间:2021-08-25 12:44

    问题描述:

    后端返回的字符串中包含换行符\n,展示到页面上不换行,使用<‘br’>也不行。

    解决办法:

    <div class = "show-content">
    	<span>{{zbText}}</span>
    </div>
    
    <style lang="less" scoped>
    .show-content{
    	     //保留空白并且正常换行
    	     white-space: pre-wrap;
        }
    </style>
    
    cs