在頁面中經(jīng)常會(huì)遇到自訂文本，如果文本過長就需要換行，在HTML中可以透過標(biāo)籤換行，也可以透過\n轉(zhuǎn)椅字元換行，以下是在javascript中和vue中的換行，希望能幫助大家。
javascript中的換行
var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$('.class').html(str);在vue中的換行
在vue中以上的換行是不起作用的，因?yàn)樵趘ue中{{}}顯示的是變量，
會(huì)被當(dāng)成字??串顯示出來， \n當(dāng)空格顯示。所以{{}}裡面的內(nèi)容都會(huì)當(dāng)成普通的字串處理，如果想顯示換行可以使用v-html來顯示。
<p class="text" v-html="requestText"></p>* 以下requestText是變量*data(){ return{
requestText:""
}
}**一下是從服務(wù)器獲取的動(dòng)態(tài)數(shù)據(jù)**
let reg=new RegExp("\n","g");
let str= result.data.replace(reg,"<br>");
this.requestText=str;? ? ? ? ? ?
#在頁面中經(jīng)常會(huì)遇到自訂文本，如果文字過長就需要換行，在HTML中可以透過
標(biāo)籤換行，也可以透過\n轉(zhuǎn)椅字元換行，以下是javascript和vue中的換行
javascript中的換行
var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$('.class').html(str);在vue中的換行
在vue中以上的換行是不起作用的，因?yàn)関ue中{{}}顯示的是變量，
會(huì)被當(dāng)成字??串顯示出來， \n當(dāng)空格顯示。所以{{}}裡面的內(nèi)容都會(huì)當(dāng)成普通的字串處理，如果想顯示換行可以使用v-html來顯示。
<p class="text" v-html="requestText"></p>* 以下requestText是變量*data(){ return{
requestText:""
}
}**一下是從服務(wù)器獲取的動(dòng)態(tài)數(shù)據(jù)**
let reg=new RegExp("\n","g");
let str= result.data.replace(reg,"<br>");
this.requestText=str;相關(guān)推薦：
php保留多個(gè)空格及換行的文字樣式實(shí)作程式碼
以上是vue、js中的換行詳解的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
Win11管理員權(quán)限取得詳解
Mar 08, 2024 pm 03:06 PM
Windows作業(yè)系統(tǒng)是全球最受歡迎的作業(yè)系統(tǒng)之一，其新版本W(wǎng)in11備受矚目。在Win11系統(tǒng)中，管理員權(quán)限的取得是一個(gè)重要的操作，管理員權(quán)限可以讓使用者對系統(tǒng)進(jìn)行更多的操作和設(shè)定。本文將詳細(xì)介紹在Win11系統(tǒng)中如何取得管理員權(quán)限，以及如何有效地管理權(quán)限。在Win11系統(tǒng)中，管理員權(quán)限分為本機(jī)管理員和網(wǎng)域管理員兩種。本機(jī)管理員是指具有對本機(jī)電腦的完全管理權(quán)限
Oracle SQL中的除法運(yùn)算詳解
Mar 10, 2024 am 09:51 AM
OracleSQL中的除法運(yùn)算詳解在OracleSQL中，除法運(yùn)算是一種常見且重要的數(shù)學(xué)運(yùn)算運(yùn)算，用來計(jì)算兩個(gè)數(shù)相除的結(jié)果。除法在資料庫查詢中經(jīng)常用到，因此了解OracleSQL中的除法運(yùn)算及其用法是資料庫開發(fā)人員必備的技能之一。本文將詳細(xì)討論OracleSQL中除法運(yùn)算的相關(guān)知識，並提供具體的程式碼範(fàn)例供讀者參考。一、OracleSQL中的除法運(yùn)算
BarTender中如何換行-BarTender中換行的方法
Mar 05, 2024 pm 07:52 PM
許多用戶在辦公室都會(huì)使用BarTender軟體，最近一些新用戶詢問BarTender中如何換行?下文小編就為各位帶來了BarTender中換行的方法，讓我們一同來下文看看吧。 1、在BarTender中，點(diǎn)選工具列中的建立文字按鈕，選擇建立單行文本，輸入文字內(nèi)容。 2.雙擊創(chuàng)建的文字對象，開啟文字屬性對話框。切換至「文字格式」選項(xiàng)卡，將右側(cè)的「類型」勾選為「段落」。 3、點(diǎn)選關(guān)閉，調(diào)整文字方塊大小或輸入更多文字，或依實(shí)際要求換行都可以。
numpy版本查詢方法詳解
Jan 19, 2024 am 08:20 AM
Numpy是一款Python科學(xué)計(jì)算庫，提供了豐富的陣列操作函數(shù)與工具。升級Numpy版本時(shí)需要查詢目前版本以確保相容性，本文將詳細(xì)介紹Numpy版本查詢的方法，並提供具體的程式碼範(fàn)例。方法一：使用Python程式碼查詢Numpy版本使用Python程式碼可以輕鬆查詢Numpy的版本，以下是實(shí)作方法和範(fàn)例程式碼：importnumpyasnpprint(np
excel表格該怎麼換行
Feb 09, 2024 pm 02:00 PM
Excel在是使用的過程中我們要進(jìn)行很多不一樣的操作，有的時(shí)候需要在一個(gè)單元格內(nèi)換行，那麼想要換行具體要怎麼操作呢？下面就來看看電腦excel表格換行方法吧。 【excel表格操作方法集合】excel表格怎麼換行答案：可以透過自動(dòng)換行和設(shè)定儲存格格式來操作。一、自動(dòng)換行1、我們在表格中選擇需要進(jìn)行換行的區(qū)域之後在【開始】頁面中點(diǎn)擊【自動(dòng)換行】;2、然後我們在調(diào)整A列寬度為合適值就可以了;二、設(shè)定單元格格式1、首先我們選擇需要進(jìn)行換行的區(qū)域之後右鍵滑鼠，點(diǎn)選【設(shè)定儲存格格式】;2、然後在彈出的
PHP模運(yùn)算子的作用及用法詳解
Mar 19, 2024 pm 04:33 PM
PHP中的模運(yùn)算子（%）是用來取得兩個(gè)數(shù)值相除的餘數(shù)的。在本文中，我們將詳細(xì)討論模運(yùn)算子的作用及用法，並提供具體的程式碼範(fàn)例來幫助讀者更好地理解。 1.模運(yùn)算子的作用在數(shù)學(xué)中，當(dāng)我們將一個(gè)整數(shù)除以另一個(gè)整數(shù)時(shí)，就會(huì)得到一個(gè)商和一個(gè)餘數(shù)。例如，當(dāng)我們將10除以3時(shí)，商數(shù)為3，餘數(shù)為1。模運(yùn)算子就是用來取得這個(gè)餘數(shù)的。 2.模運(yùn)算子的用法在PHP中，使用%符號來表示模
linux系統(tǒng)呼叫system()函數(shù)詳解
Feb 22, 2024 pm 08:21 PM
Linux系統(tǒng)呼叫system()函數(shù)詳解系統(tǒng)呼叫是Linux作業(yè)系統(tǒng)中非常重要的一部分，它提供了一種與系統(tǒng)核心互動(dòng)的方式。其中，system()函數(shù)是常用的系統(tǒng)呼叫函數(shù)之一。本文將詳細(xì)介紹system()函數(shù)的使用方法，並提供對應(yīng)的程式碼範(fàn)例。系統(tǒng)呼叫的基本概念系統(tǒng)呼叫是使用者程式與作業(yè)系統(tǒng)核心互動(dòng)的一種方式。使用者程式透過呼叫系統(tǒng)呼叫函數(shù)來請求作業(yè)系統(tǒng)
Linux的curl指令詳解
Feb 21, 2024 pm 10:33 PM
Linux的curl命令詳解摘要：curl是一種強(qiáng)大的命令列工具，用於與伺服器進(jìn)行資料通訊。本文將介紹curl指令的基本用法，並提供實(shí)際的程式碼範(fàn)例，幫助讀者更好地理解和應(yīng)用該指令。一、curl是什麼？ curl是命令列工具，用於發(fā)送和接收各種網(wǎng)路請求。它支援多種協(xié)議，如HTTP、FTP、TELNET等，並提供了豐富的功能，如檔案上傳、檔案下載、資料傳輸、代
