需求：

　　　　實現一個簡單的公告發布功能，能實現釋出簡單公告並在展示時能夠換行。

思路：

　　　　1、由於只是顯示簡單的公告發布功能，不需要引入額外的富文字編輯外掛，所以直接使用textarea標籤來實現，但是在textarea中編輯的時候，換行後直接顯示在頁面是不會換行的，因為瀏覽器不會識別"\n"為換行，只是簡單的表現為空格的效果。

　　　　2、所以儲存到資料庫的時候換行應該儲存為“<br />”這種格式，而在編輯的時候改成“\n”這種格式。

　　　　3、只要在編輯的時候替換textarea框中的“<br />”為“\n”,在儲存的時候替換“\n”字元為“<br />”即可實現。

程式碼：

　　　　在編輯頁面公告的資料結構：

/**這是vue中的data資料定義**/
data () {
    title: '', // 公告的標題
    content: '' // 公告的內容
}

　　　　在編輯頁面獲取公告內容時的處理：　　　　　　　

/**程式碼片段，其中result是從介面獲取到的資料**/
if (result && result.retCode === 0) {
    this.title = result.title;
    this.content = result.content.replace(/<br\/>/g, `\n`,);
}

　　　　在編輯頁面儲存公告內容時的處理：

/**程式碼片段，params是儲存時提交的資料**/
const params = {
    title: this.title,
    content: this.content.replace(/\n/g, `<br/>`)
};

實現的效果：

　　　　頁面展示效果：

　　　　編輯時的效果：