vue前端展示带换行的字符串

如果不加处理,带换行符的字符串展现到前端的效果是没有换行,而且不同行之间的内容以一个空格隔开

解决办法是给这段字符串加一个属性:

<p style="white-space: pre-wrap">
	{{string}}
</p>

参考:https://www.cnblogs.com/leegent/p/9274424.html

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue前端中,截取字符串的部分内容可以通过JavaScript的`.slice()`方法或`.substring()`方法来实现。这两种方法都可以用于截取字符串中的一部分,并返回一个新的字符串。 `.slice()`方法的语法如下: ```javascript str.slice(start, end) ``` 其中,`start`参数表示截取的起始位置,`end`参数表示截取的结束位置(不包括该位置对应的字符)。如果不传递`end`参数,则截取从`start`位置到字符串末尾的所有字符。例如,以下代码截取了一个字符串的前三个字符: ```javascript let str = 'Hello, world!'; let newStr = str.slice(0, 3); console.log(newStr); // 'Hel' ``` `.substring()`方法的语法如下: ```javascript str.substring(start, end) ``` 与`.slice()`方法类似,`start`参数表示截取的起始位置,`end`参数表示截取的结束位置(不包括该位置对应的字符)。如果不传递`end`参数,则截取从`start`位置到字符串末尾的所有字符。与`.slice()`方法不同的是,如果`start`参数大于`end`参数,则`.substring()`方法会自动交换这两个参数。例如,以下代码截取了一个字符串的前三个字符: ```javascript let str = 'Hello, world!'; let newStr = str.substring(0, 3); console.log(newStr); // 'Hel' ``` 需要注意的是,`.slice()`方法和`.substring()`方法都不会修改原字符串,而是返回一个新的字符串。如果需要修改原字符串,可以将截取后的字符串赋值给原字符串。例如: ```javascript let str = 'Hello, world!'; str = str.slice(0, 3); console.log(str); // 'Hel' ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值