一、watch方法:

<input v-model="textareaValue" type="textarea"  placeholder="请输入。。。" style="width:100%; height:100px;">
<p>还可以输入<span>{{10 - textareaValue.length}}</span>个字符</p>

watch: {textareaValue(curVal, oldVal) {if (curVal.length > this.titleMaxLength) {this.textareaValue = String(curVal).slice(0, this.titleMaxLength);}}
}

(我尝试使用iview-UI的input组件使用这个方法限制字符,存在问题。iview-UI可以使用组件自带的方法。)

转载于:https://www.cnblogs.com/hjbky/p/9258815.html

vue 限制输入字符长度相关推荐

  1. uniapp 富文本框 获取输入字符长度

    原理很简单,只要通过 textarea 的 @input 事件 就能拿到 所有的参数 图中所示 是输入字符长度 可通过 console.log( e.detail.cursor) 打印 <tem ...

  2. Edittext限制输入字符长度,解决中英文混用情况保证规定长度

    好比知乎中的提问流程,提问内容不应该太长,所以会进行事先设置:最后我使用InputFilter解决了这个问题,代码如下. 首先普及一下GB18030编码标准:GB 18030,全称:国家标准 GB 1 ...

  3. html输入字符长度佛下一句,js如何判断输入字符串长度

    js判断输入字符串长度(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: js判断输入字符串长度(汉字算两个字符,字母数 ...

  4. 【项目经验】——文本框限制输入字符长度

          当文本框的TextMode为SingleLine时,限制字符长度是一件很简单的事情,只要设置起MaxLength就可以搞定了,但当TextMode为MultiLine时,你会发现,Ma ...

  5. 限制输入字符长度length英文1个字符中文2个字符

    js虽然提供了计算字符串所占字节数的函数,但是却不能正确计算汉字所占的字节数,如document.form1.username.value="你好啊上海",document.for ...

  6. 关于cmd输入字符长度限制问题

    在计算机上运行 Microsoft Windows XP 或更高版本,可以在命令提示符下使用的字符串的最大的长度 8191 个字符. 在运行 Microsoft Windows 2000 或 Wind ...

  7. 多行文本框限制输入字符长度(两种方法)

    方法一:弹出对话框提示 1.html代码 <HTML>     <HEAD>         <title>WebForm6</title>       ...

  8. php ios 判断字符串长度,iOStextfield 限制输入字符长度和过滤表情符号

    //增加修改框 -(void)creatSaveView{ UILabel * lab = [[UILabel alloc]init]; if (self.searchType == 1) { lab ...

  9. python获取输入框内容长度_python3 tkinter 获取输入字符串长度

    python 3  获取输入字符长度 #-*- coding:utf-8 -*- from tkinter import * from tkinter import messagebox def ge ...

最新文章

  1. Java 和 C 长期霸权结束
  2. 轻雀协作客户最佳实践之A站
  3. Linux Socket编程的一些总结
  4. Spark SQL 1.x之Hive Context
  5. 尼康相机报错err_数码相机遇到这12种错误,自己动手就能解决,再不用找人维修...
  6. 【转】DICOM入门(一)——语法
  7. 升级浏览器_星愿浏览器升级至6.3.2000.2001
  8. php 向上取整_PHP取整方法小总结
  9. 【USACO】sprime
  10. LINUX编译libusb
  11. VS2010 SP1安装卡在VS10Sp1-KB983509处的解决
  12. 【数据分析】京东订单数据分析思路及Python代码
  13. 用 LSTM 预测股票价格
  14. 只言片语 —— eFPGA
  15. 利用rfcomm实现树莓派与手机通信_树莓派可以这样玩
  16. 力扣(144.94)补9.4
  17. 阿里云短信服务--SMS
  18. 支持向量机(一)——线性可分支持向量机
  19. Response设置响应数据功能介绍及重定向
  20. 高等数学:第三章 微分中值定理与导数的应用(2)罗必达法则

热门文章

  1. SAP Hybris Enterprise Commerce的一些有用链接 - 保证持续更新
  2. 使用ABAP代码返回S/4HANA Material上维护的Attachment明细
  3. 仓储系统java_Java的最全最细的学习路线图,助你早日斩获心仪的Offer
  4. ipython安装_IPython 它不香吗?
  5. Python中span()函数的作用
  6. python基础语法whike循环_python基础语法 - 循环
  7. 人才管理是什么意思_cms系统是什么意思,国内常用的cms内容管理系统有哪些
  8. 福建省计算机学会 noip比赛,重磅!福州一三附学生领衔全省前九名!他们将代表福建参加全国比赛!...
  9. php判断是否为数字_PHP将英文数字转换为阿拉伯数字
  10. python交互式shell_交互式 shell 玩转 Python