处理textarea中的换行和空格

<div id="app"> <p>请输入内容：</p> <textarea name="t1" rows="8" cols="80" v-model="text1" ></textarea> <button @click="submitText">提交</button> <p>显示的内容：</p> <div v-html="text2" style="text-indent:2em;"></div> </div> // js部分 submitText(){ let arr = []; this.text1.split('\n').forEach(item=>arr.push(`<p>${item.trim()}</p>`)); this.text2 = arr.join('<br>'); }