在vue中怎么使用v-html按分号将文本换行

这篇“在vue中怎么使用v-html按分号将文本换行”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“在vue中怎么使用v-html按分号将文本换行”文章吧。

专注于为中小企业提供成都网站制作、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业浦口免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了数千家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

如下:

换行前:雷军,2457.66万,自然人股东;洪锋,169.51万,自然人股东;黎万强,10.33万,自然人股东;

换行后:

雷军,2457.66万,自然人股东;

洪锋,169.51万,自然人股东;

黎万强,10.33万,自然人股东;

显示的html:

js:

methods:{
 change:function(content){
  content = content.replace(/;/g,";
");   content = content.replace(/;/g,";
");   return content;  } },

也可以这样写:

methods:{
 change:function(content){
  var reg = /[;;]/g;
  content = content.replace(reg,"$&\r\n");
  return content;
 }
},

但是在写的过程中发现,控制台输出显示已经转换成功了,但是在页面上看到的效果是还没有转换成功。后来发现需要在页面上当前标签上加一个white-space: pre-wrap;的样式,如下:

以上就是关于“在vue中怎么使用v-html按分号将文本换行”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


网页题目:在vue中怎么使用v-html按分号将文本换行
网页路径:http://bzwzjz.com/article/gdehee.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设开发 成都网站建设公司 定制网站制作 网站制作 成都网站建设 成都网站建设公司 成都网站建设 成都网站设计 成都模版网站建设 成都网站建设 攀枝花网站设计 成都网站设计 广安网站设计 高端网站建设 成都网站建设 盐亭网站设计 网站制作 网站建设方案 成都网站设计公司 成都网站制作 网站制作报价 企业网站制作