vue、js中的換行詳解

在頁面中經常會遇到自訂文本，如果文本過長就需要換行，在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中文網其他相關文章！