在頁面中經常會遇到自訂文本,如果文本過長就需要換行,在HTML中可以透過標籤換行,也可以透過\n轉椅字元換行,以下是在javascript中和vue中的換行,希望能幫助大家。
var reg=new RegExp("\n","g"), str= res.data.replace(reg,"<br>"); $('.class').html(str);
在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中的換行
var reg=new RegExp("\n","g"), str= res.data.replace(reg,"<br>"); $('.class').html(str);
在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;
相關推薦:
以上是vue、js中的換行詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!