vue 怎么在html显示为回车_如何在vue.js中换行

vue.js中换行的方法:用[v-html]显示,代码是[

[相关文章推荐:vue.js]

vue.js中的换行方法;

页面中经常会遇到自定义文本。如果文字太长,需要换行,可以用HTML传递

标签会换行,它也可以换行\n个转椅字符。下面是javascript和vue中的包装。

用javascript包装

var reg = new RegExp(& quot;\ n & quot,& quotg & quot),str= res.data.replace(reg,& quot& ltbr&gt。");$(& # 39;。类别& # 39;)。html(str);用真空包装

在vue中,以上断行无效,因为{{}}在vue中显示变量。

将显示为字符串,\ n当显示空格时。因此,{{}}中的内容将被视为普通字符串,如果要显示换行符,可以使用v-html显示。

& ltp class = & quot文本& quotv-html = & quot;请求文本& quot&gt。& lt/p&gt。*以下requestText是变量* data(){ return { request text:" & quot;}} * *是从服务器获得的动态数据* *让reg = new RegExp(& quot;\ n & quot,& quotg & quot);let str= result.data.replace(reg,& ltbr&gt。");this.requestText = str相关免费学习推荐:JavaScript(视频)

以上是如何在vue.js中换行的细节,更多

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值