最近频繁遇到回车换行符显示,特意记录下来方便查找。 1.在html中,标记< br />这种展示比较简单,直接写在页面上就行了,在vue中用v-html展示。如果需要求解,可以使用常规匹配:str = str.replace (/\ r \ n/g," < br/>);然而,这种方法有一个缺点。其他字符(如制表符)需要特殊解决方案,可能无法显示。 其次,pre标签+回车换行pre元素可以定义预格式化的文本。 包含在pre元素中的文本通常保留空格和换行符。 并且文本将呈现为恒定宽度的字体。 & ltpre & gt标签的一个常见应用是表示计算机的源代码。 后台返回的数据格式类似于这样:[root @ demoscc _ demo] # 1 \ top指令是:jal PC = 0x 1008 cinst = 0x F5 ff 0 ef 2 \ top指令是:JAL PC=0x1008c inst=0xff5ff0ef ↵3\top指令是:jal PC = 0x ff 5 ff 0 ef ↵4\ top指令是:jal PC = 0x 1008 c inst = 0x ff 5 ff 0 ef ↵5\top指令是:jal PC = 0x 1008 c inst = 0x ff 5 ff 0 ef其他源代码符号如回车和换行符可以正常显示。