vue 使用v-html渲染富文本，空格和回车符失效的解决办法

很是奇怪，明明已经使用了v-html对富文本做了处理，但是富文本中的空格和回车符却识别不出出来。

D76F1153-1547-4A27-BF4D-22DF451AD617.png

查了些资料，写上white-space: pre-wrap;这段代码页面就正常显示了。white-space: pre-wrap;的含义是：保留空白符序列，但是正常地进行换行

image.png

• 服务器返回的富文本内容如下
  名师团队授课/小班梯次教学培养模式/诗意田园的育人环境。↵ 猫空，以书画，陶艺、插花、艺术交流、 Art Fun Party，绘本等为一体的全民艺术滋养中心～性别、年龄不限…欢迎您的加入！↵主推全年课程：↵美术类：陶艺、3F创意美术、国画、油画↵书法类：练字、硬笔、软笔↵（依据学龄设：启蒙、基础、拓展、专业班）↵ 猫空！以诗意的育人环境，个性化课程设置，丰硕的教学成果，吸纳人才！汇聚人才！培养人才！真正做到环境育人，课程育人，艺术滋养人！↵电话①1xxxxxxx ↵电话②1xxxxxxxxx↵地址 ：临山小学东校门口往南88米路西↵未中奖的同学报年课抵400元
• 关键代码如下

 <div style='white-space: pre-wrap;' v-html="getStoreDrawInfoList.detailDesc"></div>