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

2022-06-24 14:06:29

问题:

在使用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,高亮显示的文本却不相同。

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

  • 作者:厨樱
  • 原文链接:https://blog.csdn.net/michiko98/article/details/107475140
    更新时间:2022-06-24 14:06:29