vue，在输入过程中按回车键换行回显时换行显示

//  html代码

<p>

　　<span>备注：</span><span id="span_remark"></span>

</p>

//   js代码

let spanRemarkStr =  "备注\n备注1\n备注2\n备注3" // 在输入备注过程中按回车键换行，保存后接口返回字符串

let spanRemarkList = this.sendInfo.remark.split("\n") // 将字符串转换为数组

let spanRemarkDiv = document.getElementById("span_remark"); // 获取需要展示的元素

for (let i = 0; i < spanRemarkList.length; i++) {

      const el = spanRemarkList[i];

      let span_remark = `<p>${el}</p>`;

      spanRemarkDiv.innerHTML += span_remark; // 这里要累加 spanRemarkDiv.innerHTML = span_remark  这样写会直接覆盖，最终只展示最后一个或者第一个元素

}

注： js代码直接写在created()中不会显示，需要放在mounted()中，如果在mounted中还不显示可以写为mounted(){  this.$nextTick(()+>{//将上面js代码写在这里})