vue、js中的换行详解

小云云
풀어 주다: 2018-03-22 17:28:37
원래의
9230명이 탐색했습니다.

在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过标签换行,也可以通过\n转椅字符换行,以下是在javascript中和vue中的换行,希望能帮助到大家。

javascript中的换行

var reg=new RegExp("\n","g"), str= res.data.replace(reg,"
"); $('.class').html(str);
로그인 후 복사
로그인 후 복사

在vue中的换行

在vue中以上的换行是不起作用的,因为在vue中{{}}显示的是变量,
会被当成字符串显示出来, \n当空格显示。所以{{}}里面的内容都会当成普通的字符串进行处理,如果想显示换行可以使用v-html进行显示。

* 以下requestText是变量*data(){ return{ requestText:"" } }**一下是从服务器获取的动态数据** let reg=new RegExp("\n","g"); let str= result.data.replace(reg,"
"); this.requestText=str;
로그인 후 복사
로그인 후 복사

在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过
标签换行,也可以通过\n转椅字符换行,以下是在javascript中和vue中的换行

javascript中的换行

var reg=new RegExp("\n","g"), str= res.data.replace(reg,"
"); $('.class').html(str);
로그인 후 복사
로그인 후 복사

在vue中的换行

在vue中以上的换行是不起作用的,因为在vue中{{}}显示的是变量,
会被当成字符串显示出来, \n当空格显示。所以{{}}里面的内容都会当成普通的字符串进行处理,如果想显示换行可以使用v-html进行显示。

* 以下requestText是变量*data(){ return{ requestText:"" } }**一下是从服务器获取的动态数据** let reg=new RegExp("\n","g"); let str= result.data.replace(reg,"
"); this.requestText=str;
로그인 후 복사
로그인 후 복사

相关推荐:

CSS控制文字的换行与裁剪

php保留多个空格及换行的文本样式实现代码

php处理换行符时的问题详解

위 내용은 vue、js中的换行详解의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!