资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vue.js中如何换行-创新互联

小编给大家分享一下vue.js中如何换行,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联公司成立于2013年,是专业互联网技术服务公司,拥有项目成都做网站、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元大丰做网站,已为上家服务,为大丰各地企业和个人服务,联系电话:028-86922220

vue.js中换行的方法:使用【v-html】进行显示,代码为【

data(){return}requestText:""}】。

vue.js中换行的方法:

在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过

标签换行,也可以通过\n转椅字符换行,以下是在javascript中和vue中的换行

javascript中的换行

var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"
"); $('.class').html(str);

在vue中的换行

在vue中以上的换行是不起作用的,因为在vue中{{}}显示的是变量,

会被当成字符串显示出来, \n当空格显示。所以{{}}里面的内容都会当成普通的字符串进行处理,如果想显示换行可以使用v-html进行显示。

* 以下requestText是变量* data(){ return{ requestText:"" } } **一下是从服务器获取的动态数据** let reg=new RegExp("\n","g"); let str= result.data.replace(reg,"
"); this.requestText=str;

以上是“vue.js中如何换行”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文题目:vue.js中如何换行-创新互联
文章起源:http://cdkjz.cn/article/cdsegp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220