首页
移动开发
物联网
服务端
编程语言
企业开发
数据库
业界资讯
其他
搜索
vue中动态获取文本换行 <br>
其他
2018-07-19 10:09:32
阅读次数: 0
动态获取文本文本换行:
[html]
view plain
copy
function Trim(str) { //str表示要转换的字符串
return str.replace(/\n|\r\n/g,"
<
br
/>
");}
这样,就大功告成了。可是如果你是在vue中使用{{ text }}动态获取的文本这样处理。你会发现<br>会和文本一块显示出来。
改成
[html]
view plain
copy
<
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
vue中动态获取文本换行 <br>
菜鸟br换行
html的换行标签<br>
HTML基础(四)----br 换行
php换行和<br />互转
【HTML】什么是 HTML 中的换行标签 br
html的换行代码<br/>介绍和写法
html---br换行符
react项目文本内\n<br/>不换行问题
使用<br>标签分行显示文本
vue中换行符不换行、不生效的处理(\n或者<br>)
textarea标签换行符以br存入数据库 ,br转 textArea换行符
element-ui中table组件展示<br>换行字符
【转】html不识别<br/>,后台返回<br/>,前端不换行解决办法
js 杠n换行符全部替换br
html:ruby里面不能用换行符<br>
【AngularJs】 <br>换行显示成字符串
ifconfig中lo、eth0、br0接口
PHP中nl2br strpos用法
php中的 nl2br() 和 strpos() 函数
网页HTML中br元素及nobr元素的实际应用
br标签
<br/>标签
html 《br /》和 《br》的区别
eclipse中的java注释,怎么进行换行(不要使用<br>和<p>,因为非常影响显示效果,放那里一个<br>和<p>显得怪怪的)?
HTML中不识别enter键的“\r\n”,转换为换行符</br>
lable 某个名称换行 \n /n /br axisLabel换行 文字换行 echarts
前端br换行符被转为String,无法实现换行解决
String字符串进行添加<br/>的操作实现换行的实例
hexo markdown中使用html元素自动加了换行<br> 解决
今日推荐
周排行
(BIND最佳实践)Linux运维最佳实践
makefile ifeq之坑: 1. syntax error near unexpected token 2. *** missing separator. Stop.
easyui datagrid操作栏内置图片按钮
SQLyog连接MySQL时出现的2058错误解决方法
linux音频开发
hashcode方法 简析
SpringBoot中使用Transaction注解遇到的坑
逆战-CSS中子元素在父元素中的4种水平垂直居中方法
Expression.Blend.4 Chapter 图片和视频的使用
springMVC返回void值
每日归档
更多
2024-09-17(0)
2024-09-16(0)
2024-09-15(0)
2024-09-14(0)
2024-09-13(0)
2024-09-12(0)
2024-09-11(0)
2024-09-10(0)
2024-09-09(0)
2024-09-08(0)