這篇文章主要介紹在vue中如何使用v-html按分號將文本換行，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創新互聯擁有網站維護技術和項目管理團隊，建立的售前、實施和售后服務體系，為客戶提供定制化的成都做網站、網站制作、網站維護、四川移動機房托管解決方案。為客戶網站安全和日常運維提供整體管家式外包優質服務。我們的網站維護服務覆蓋集團企業、上市公司、外企網站、電子商務商城網站建設、政府網站等各類型客戶群體，為全球上1000+企業提供全方位網站維護、服務器維護解決方案。

如下：

換行前：雷軍,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"  v-html="change(content)">

以上是“在vue中如何使用v-html按分號將文本換行”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯行業資訊頻道！

當前名稱：在vue中如何使用v-html按分號將文本換行
鏈接分享：http://m.2m8n56k.cn/article6/jdsdig.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、網站排名、外貿建站、App開發、建站公司、用戶體驗

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯