Vue $message是Vue框架中的一個提示插件，用來在頁面上彈出各種類型的提示信息，這在前端開發(fā)中非常常見。但是，很多時候我們需要在提示信息中加入換行符來顯示多行文字（比如顯示一段詳細的說明），這時候該怎么處理呢？下面我們就來講解一下如何在Vue $message中添加換行。

首先，我們需要明確Vue $message中的內(nèi)容并不是普通的HTML代碼，而是一段預定義的JSON數(shù)據(jù)，因此如果要在其中添加換行，我們需要在JSON數(shù)據(jù)格式中進行特殊的處理。具體做法是在文字內(nèi)容中添加特殊符號“\n”，表示換行的意思。

// 正確的寫法，內(nèi)容中添加了兩個換行符
this.$message({
message: '第一行\(zhòng)n第二行\(zhòng)n第三行',
type: 'success'
})

需要注意的是，在JSON數(shù)據(jù)中使用“\n”表示換行時，要使用雙引號將整個內(nèi)容包起來，否則會出現(xiàn)語法錯誤。

// 錯誤的寫法，沒有使用雙引號
this.$message({
message: '第一行\(zhòng)n第二行\(zhòng)n第三行',
type: 'success'
})

根據(jù)上述方法，我們就可以輕松地在Vue $message中添加換行符，讓提示信息更加清晰明了。