element icon indicating copy to clipboard operation
element copied to clipboard

[Bug Report] textarea中有换行存在时,回显字数统计不一致

Open xiaolaji422 opened this issue 3 years ago • 1 comments

Element UI version

2.13.2

OS/Browsers version

win10

Vue version

2.6.10

Reproduction Link

https://elementui.github.io/issue-generator/#/zh-CN

Steps to reproduce

1.页面标签:el-input type="textarea" v-model="input" max-length="3" show-word-limit 2.输入 "11" 换行,此时显示的字数统计是3,存入数据库。 3.数据库拿到存入的数据在同一个组件内回显,显示字数是4,超出长度,校验失败。

What is Expected?

1.页面标签:el-input type="textarea" v-model="input" max-length="3" show-word-limit 2.输入 "11" 换行,此时显示的字数统计是3,存入数据库。 3.数据库拿到存入的数据在同一个组件内回显,显示字数是3,校验正常。

What is actually happening?

1.页面标签:el-input type="textarea" v-model="input" max-length="3" show-word-limit 2.输入 "11" 换行,此时显示的字数统计是3,存入数据库。 3.数据库拿到存入的数据在同一个组件内回显,显示字数是4,超出长度,校验失败。

xiaolaji422 avatar Feb 18 '22 02:02 xiaolaji422

在Windows中输入的换行符是\r\n,也就是CRLF,检查一下回显数据中换行符是不是有\r,可以先通过replace('\r','')解决这个“问题”。

iwpz avatar Aug 02 '24 08:08 iwpz