当前位置: 代码迷 >> 综合 >> 【vue】el-input textarea高亮显示问题
  详细解决方案

【vue】el-input textarea高亮显示问题

热度:34   发布时间:2024-01-30 16:38:00.0

问题:

在使用element-ui和vue进行开发时,引入了<el-input type="textarea"></el-input>,用于展示一个xml文件数据,且该xml数据从接口返回时,带有格式,例如:\r\n\t等。在对该textarea进行选择复制功能开发时,发现根据selectionStart和selectionEnd选择的文本,复制结果与选择文本不相同。

解决办法:

问题出现的原因:

原生dom的<textarea></textarea>中,xml的换行符,会被换为\n,该\n的length为1;

而在<el-input>中,xml的换行符为\r\n,该\r\n的length为2。、

所以导致,同样的selectionStart和selectionEnd,高亮显示的文本却不相同。

具体代码,稍后更新,暂时记录。

  相关解决方案