vue 拼接字符串‘\n‘换行符不生效

问题描述：后端返回的字符串中包含换行符\n，展示到页面上不换行，使用<‘br’>也不行。解决办法：<div class = "show-content"><span>{{zbText}}</span></div><style lang="less" scoped>.show-content{//保留空白并且正常换行white-

相思子~

3228人浏览 · 2021-06-07 11:25:38

相思子~ · 2021-06-07 11:25:38 发布

问题描述：

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

解决办法：

<div class = "show-content">
	<span>{{zbText}}</span>
</div>

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^