处理textarea中的换行和空格

这里说的环境是textarea下输入，存入数据库再获取后div显示时的格式问题。

请输入内容：

<textarea rows="8" cols="80" v-model="text1" ></textarea>

显示的内容：

<div v-html="text2" style="text-indent:2rem;"></div>

// 获取数据后部分js

handleText(){

    let arr = [];

    this.text1.split('\n').forEach(item=>arr.push(`<p>${item.trim()}</p>`));

    this.text2 = arr.join('');

}