问题:
在使用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,高亮显示的文本却不相同。
具体代码,稍后更新,暂时记录。