博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中动态获取文本换行 <br>
阅读量:4100 次
发布时间:2019-05-25

本文共 323 字,大约阅读时间需要 1 分钟。

动态获取文本文本换行:

 

function Trim(str) {  //str表示要转换的字符串return str.replace(/\n|\r\n/g,"
");}

这样,就大功告成了。可是如果你是在vue中使用{

{ text }}动态获取的文本这样处理。你会发现<br>会和文本一块显示出来。

改成

<br>就会起到换行的作用。vue中{

{ text }},是以文本插值的方式展示文本,也就是会以字符串的形式显示,‘<br>’显然不会起作用。而v-html就是为输出真正的html准备的。不知道你是不是一脸懵逼,哈哈大笑

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

你可能感兴趣的文章
shared_ptr简介以及常见问题
查看>>
c++11 你需要知道这些就够了
查看>>
c++11 你需要知道这些就够了
查看>>
shared_ptr的一些尴尬
查看>>
C++总结8——shared_ptr和weak_ptr智能指针
查看>>
c++写时拷贝1
查看>>
C++ 写时拷贝 2
查看>>
Linux网络编程---I/O复用模型之poll
查看>>
Java NIO详解
查看>>
单列模式-编写类ConfigManager读取属性文件
查看>>
java中float和double的区别
查看>>
Statement与PreparedStatement区别
查看>>
Tomcat配置数据源步骤以及使用JNDI
查看>>
before start of result set 是什么错误
查看>>
(正则表达式)表单验证
查看>>
在JS中 onclick="save();return false;"return false是
查看>>
JSTL 常用标签总结
查看>>
内容里面带标签,在HTML显示问题,JSTL
查看>>
VS编译器运行后闪退,处理方法
查看>>
用div+css做下拉菜单,当鼠标移向2级菜单时,为什么1级菜单的a:hover背景色就不管用了?
查看>>