在vue中利用v-html按分号将文本换行的例子
最近在开发的时候遇到这样一个需求，需要将一段文本按照分号(有中文分号和英文分号)进行换行操作。
如下：
换行前：雷军,2457.66万,自然人股东;洪锋,169.51万,自然人股东;黎万强,10.33万,自然人股东;
换行后：
雷军,2457.66万,自然人股东;
洪锋,169.51万,自然人股东;
黎万强,10.33万,自然人股东;
显示的html：
<p class="bgnr-txt" v-html="change(content)">
js：
methods:{
change:function(content){
content = content.replace(/;/g,";</br>");
content = content.replace(/；/g,"；</br>");
return content;
}
},
也可以这样写：
methods:{
change:function(content){
var reg = /[;；]/g;
content = content.replace(reg,"$&\r\n");
return content;
}
},
但是在写的过程中发现，控制台输出显示已经转换成功了，但是在页面上看到的效果是还没有转换成功。后来发现需要在页面上当前标签上加一个white-space: pre-wrap;的样式，如下：
<p class="bgnr-txt" style="white-space: pre-wrap;" v-html="change(content)">
至此问题得以解决。
以上这篇在vue中利用v-html按分号将文本换行的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍利用Vue的v-for和v-bind实现列表颜色切换，包括了利用Vue的v-for和v-bind实现列表颜色切换的使用技巧和注意事项，需要的朋友参考一下 需求： 在页面上显示四个列表，初始时字体为黑色。 鼠标点击某一个列表时，该列表的颜色变为红色，其余列表仍为黑色。 代码实现： 代码解释： 首先浏览器直接显示列表，因为此时没有监听到click事件。 当鼠标点击某一个列表时，Vue自动
-
问题内容： 我有Java程序，它将从服务器接收纯文本。纯文本可能包含URL。Java库中是否有任何Class可以将纯文本转换为HTML文本？还是其他图书馆？如果没有，那该怎么办呢？ 问题答案： 我找到了使用模式匹配的解决方案。这是我的代码- 这是输入和输出- 输入文字是可变的： 输出：
-
问题内容： 我正在开发一个简单的RSS Reader应用程序，作为Xcode中的初学者项目。目前，我已设置它解析提要，并放置标题，发布日期，描述和内容，并将其显示在WebView中。 我最近决定在用于选择帖子的TableView中显示说明（或内容的删节版本）。但是，这样做时： 它显示了帖子的原始HTML。 我想知道如何仅将TableView的详细UILabel转换为纯文本的HTML。 谢谢！ 问题
-
问题内容： 我的Linux机器上有一个2GB的文本文件，我正尝试将其导入数据库。 我遇到的问题是，正在处理此rdf文件的脚本在一行上令人窒息： 我想替换用。我无法在所有行上进行搜索/替换，但是我有行号，因此我希望有一些简单的方法可以将一行替换为新文本。 有什么想法/建议吗？ 问题答案：
-
问题内容： 我正在寻找C＃代码以将HTML文档转换为纯文本。 我不是在寻找简单的标记剥离方法，而是会输出纯文本并 合理 保留原始布局的东西。 输出应如下所示： W3C的Html2Txt 我看过HTML Agility Pack，但我认为这不是我所需要的。有人还有其他建议吗？ 编辑： 我只是从CodePlex下载HTML Agility Pack ，并运行了Html2Txt项目。真令人失望（至少是将
-
本文向大家介绍如何区分vue中的v-show 与 v-if，包括了如何区分vue中的v-show 与 v-if的使用技巧和注意事项，需要的朋友参考一下 1. v-show 不管初始的条件是什么，元素总是会被渲染，并且只是简单的基于 CSS display: none 或者 display: block 的属性进行切换。 2. v-if 会根据初始的条件（data里自己的定义的数据）来进行真正的渲染