<强>先上效果图# # #
& lt; textarea类=拔谋厩颉盄scroll=textsrc v模型='文本。行总部“ref=白懿俊??”祝辞& lt;/textarea>
<强>首先取出
textarea元素的整体高度,然后除一下行高很轻松的到目前输入到几行。
因为如果用户一次复制一大段文字,,粘贴到文本区域里则会直接出现多行,删除字符串超出部分换行还会触发滚动事件,所以用如果语句判断一下是否满足了限制。
发现多行代码排版错误,贴张图吧。
textsrc () {
refs.Headquarters美元。scrollTo (0, 0)
让LineNumber=refs.Headquarters美元。scrollHeight/35;
如果(LineNumber=比;2){
这一点。国家=false;
其他}{
这一点。国家=true;
};
!这。tiemr,,!这。状态,,this.tiemer ();
这一点。tiemr,,这一点。状态,,clearInterval (this.tiemr);
如果(this.state) {
这一点。tiemr=零;
}
},
写一个删除多余字符函数
下面()
{
这一点。tiemr=setInterval(()=比;
{
this.text。总部=this.text.Headquarters.slice (
0，
this.text.Headquarters。长度- 1
);
如果(refs.Headquarters美元。scrollHeight/35==2)
{
clearInterval (this.tiemr)
这一点。tiemr=零
这一点。状态=true
}
}，
10);
},
最后贴一下github,欢迎有更好方法的大神赐教。
以上所述是小编给大家介绍的使用Vue实现textarea固定输入行数与添加下划线样式,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
