vue中动态获取文本换行 <br>

动态获取文本文本换行:

[html]  view plain  copy
  1. function Trim(str) {  //str表示要转换的字符串  
  2. return str.replace(/\n|\r\n/g,"<br/>");}  
这样,就大功告成了。可是如果你是在vue中使用{{ text }}动态获取的文本这样处理。你会发现<br>会和文本一块显示出来。

改成

[html]  view plain  copy
  1. <div v-html="text"><div>  
<br>就会起到换行的作用。vue中{{ text }},是以文本插值的方式展示文本,也就是会以字符串的形式显示,‘<br>’显然不会起作用。而v-html就是为输出真正的html准备的。不知道你 是不是 一脸懵逼,哈哈 大笑

还是没事多看看:https://cn.vuejs.org/v2/guide/syntax.html

猜你喜欢

转载自blog.csdn.net/dx18520548758/article/details/80265573