vue.js中怎麼換行

vue.js中換行的方法：使用【v-html】來顯示，程式碼為【01a264cb89ff7789ee458c80a69f56e5data(){return}requestText :""}】。

本教學操作環境：windows10系統、vue2.9，本文適用於所有品牌的電腦。

【相關文章推薦：vue.js】

#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;

相關免費學習推薦：JavaScript（影片）

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