首頁 > web前端 > js教程 > 主體

vue、js中的換行詳解

小云云
發布: 2018-03-22 17:28:37
原創
9336 人瀏覽過

在頁面中經常會遇到自訂文本,如果文本過長就需要換行,在HTML中可以透過標籤換行,也可以透過\n轉椅字元換行,以下是在javascript中和vue中的換行,希望能幫助大家。

javascript中的換行

var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$(&#39;.class&#39;).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;
登入後複製
登入後複製

           

#在頁面中經常會遇到自訂文本,如果文字過長就需要換行,在HTML中可以透過
標籤換行,也可以透過\n轉椅字元換行,以下是javascript和vue中的換行

javascript中的換行

var reg=new RegExp("\n","g"),
str= res.data.replace(reg,"<br>");
$(&#39;.class&#39;).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;
登入後複製
登入後複製

相關推薦:

CSS控製文字的換行與裁切

php保留多個空格及換行的文字樣式實作程式碼

php處理換行符號時的問題詳解

以上是vue、js中的換行詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板