element-ui的输入框textarea如何做到完美的限制输入指定行数,不超过行可以修改现有内容?

S三少S 发布于 2023/06/15 11:51
阅读 1K+
收藏 0

9月21日,源创会西安,聊聊大模型技术与产业应用

要实现的效果:

分类是在循环里,可以有多个分类。主要是限制textarea文本框的录入内容不能超过20行。

官方文档里有限制总字符长度的属性并没有限制行数的属性。

官方文档地址

 

现有代码存在的问题是当有多个分类时,有一个或几个文本框录入达到20个,再在文本框按回车时页面会卡死,浏览器报方法嵌套循环执行异常。

具体前端代码如下: 

现有代码解决思路是:当文本框输入时监听当前输入内容,总长度不限制,如果输入的回车符达到了20个,则会将当前输入的所有内容长度设置为当前文本框的最大长度lengthLimit,从而限制不可再输入内容,但可以对已输入的内容进行删除或修改。这里没有用禁用文本框,因为需求是输入超过20行要限制不能再换行输入,可以对已有内容进行修改的。比如当前已经输入了20行内容,在第20行或任意一行上继续在这行结尾输入是可以的。

目前的功能实现有无限循环问题,页面卡死问题。

请教下专业前端coder有没有其它的实现思路和方法?

加载中
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部