获取textarea的值并替换其换行符以及空格以实现展示时样式不变

获取textarea的值

html：

<el-input
    id="myTextarea"
    type="textarea"
    :rows="7"
    placeholder="请输入内容"
    v-model="myMessage">
</el-input>

js：

var newMessage = document.getElementById('myTextarea').value

效果展示：
textarea输入值：

展示：

问题： 数据并未换行展示！

---

处理数据

js：

var newMessage = document.getElementById('myTextarea').value
// 换行处理，IE9、FF、chrome
newMessage = newMessage.replace(/\r\n/g, '<br/>')
// 换行处理，IE7-8
newMessage = newMessage.replace(/\n/g, '<br/>')
// 空格处理
newMessage = newMessage.replace(/\s/g, ' ')

展示：