vue 里面使用 v-html 插入的文本带有换行符'\n'不换
2023-10-18 本文已影响0人
myjourney
现象：
返回数据
1. 我可以陪你聊天，按Tab键开始说话，再次按Tab结束，我就会回答你了。快捷键可以在设置中修改。\n2. 我可以提供游戏攻略，目前原神和饥荒我比较擅长(*^▽^*)\n3. 如果你觉得我说的好，就摸摸我的头，官方出品的角色会给出反馈，快试试吧\n4. 更多功能和设置可以通过右键点击我打开\nps：目前打开聊天框的时候还不能和我交互，想要语音对话或者拖动我的话，就关掉聊天框吧
显示的时候没有换行。
未换行
解决：
在使用 v-html 时添加样式，white-space:pre-wrap ,让浏览器保留空白和换行符。
style="white-space:pre-wrap"
正常换行
