一、场景：用户在表单或者textarea中输入的带空格和换行的内容提交后，在其他地方查看输入内容必须与输入的内容保持一致。

输入时：

展示时：

 二、实现

//输入时
  <div class="insert-panel-title">说明</div>
  <el-input
     type="textarea"
     :rows="18"
     v-model="form.desc"
     placeholder="请输入"
      >
  </el-input>

//样式
 textarea {
    white-space: pre-wrap; //保留所有空格
  }

//回显时
<div v-html="form.desc.replace(/\n|\r\n/g, '<br>').replace(/ /g, ' &nbsp')"></div>

三、知识点

1.在输入时的文本框写入样式：

• white-space: pre-wrap; 保留所有空格

2.换行：

• replace(/\n|\r\n/g, '<br>')

3.空格：

• replace(/ /g, ' &nbsp')