el-input输入时换行,显示时换行(开发小记)

开发商问题反馈:

el-input输入时换行,显示时换行(开发小记)_第1张图片

输入框界面代码:


    回复内容:
                        
        

...............
//回复按钮
回复

el-input控件在使用过程中,输入时按下回车键会自动在文本中加入"\n",然后传输给后端

我们可以通过后端反馈的数据看到

输入内容:

el-input输入时换行,显示时换行(开发小记)_第2张图片

返回内容:

el-input输入时换行,显示时换行(开发小记)_第3张图片

我们要做的就是将这段文字转变成换行显示的格式,css提供了——style="white-space: pre-line"

所以我们只需要:


      
        
      

效果:

el-input输入时换行,显示时换行(开发小记)_第4张图片

你可能感兴趣的:(开发小记,elementui)