温馨提示×

vue.js中怎么换行

清风
4395
2021-03-15 11:23:47
栏目: 编程语言
Vue开发者专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

vue.js中怎么换行

vue.js中换行的方法:

在HTML中可以通过<br>标签或\n转义字符换行,而在vue中{{}}显示的是变量,<br>会被当成字符串显示出来,\n会当空格显示,如果需要显示换行可以使用v-html进行显示,用法如下:

<p class="text" v-html="requestText"></p>

* 以下requestText是变量*

data(){

    return{

    requestText:""

    }

}

**一下是从服务器获取的动态数据**

 let reg=new RegExp("\n","g"); 

 let str= result.data.replace(reg,"<br>");

 this.requestText=str;

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:slidedown在Vue.js中的实现

0