vue.js 中怎么换行? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在页面中经常会遇到自定义文本, 如果文本过长就需要换行, 在 html 中可以通过 < br > 标签换行, 也可以通过 \ n 转椅字符换行, 以下是在 JavaScript 中和 vue 中的换行
JavaScript 中的换行
- var reg=new RegExp("\n","g"),
- str= res.data.replace(reg,"<br>");
- $('.class').HTML(str);
在 vue 中的换行
在 vue 中以上的换行是不起作用的, 因为在 vue 中 {{}} 显示的是变量,
会被当成字符串显示出来, \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;
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/17497.html