vue实时显示textarea字数_Vue 实时显示输入的字数

最近做项目需要查看用户输入的字数的长度，之前原生写过一个：

{{remnant}}/240

export default {

data() {

return {

userinput: '' // 客户输入的内容

}，

methods:{

descInput() {

let txtVal = this.userinput.length;

this.remnant = 240 - txtVal;

}

}，

watch:{

userinput(curVal, oldVal){

if (curVal.length >= 240) {

this.remnant = 0；

this.userobjet = curVal.substring(0,240)；

}

下面是原生的写法，这个代码有很大的问题就是：假如用户在输入状态，计时器会一直运行，时间久了会跑死代码，所以不提倡

$scope.checknum = function () {

var nMax = 240;

var textDom = document.getElementById("textarea");

var len;

$scope.Timer = $interval(function () {

len = textDom.value.length;

if (len > nMax) {

textDom.value = textDom.value.substring(0, nMax);

return false;

}

console.log('获取焦点事件');

$("#now-num").text(len);

}, 400);

}

$scope.cancelTimer = function () {

console.log('失去焦点事件');

$interval.cancel($scope.Timer);

}

vue实时显示textarea字数_Vue 实时显示输入的字数相关推荐

vue 直接访问静态图片_vue中显示静态图片怎么引用
Windows 7 性能优化 1."计算机" 2.右键>"属性" 3."高级系统设置">"高级" 4.&qu ...
html 实时计算字数,JavaScript 实现textarea限制输入字数，输入框字数实时统计更新，输入框实时字数计算移动端bug解决...
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制 ...
JavaScript 实现textarea限制输入字数，输入框字数实时统计更新，输入框实时字数计算移动端bug解决...
textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制 ...
Python-OpenCV学习--电脑外接摄像头实时采集FAST角点并显示
一.一般的Python OpenCV代码是对现有的图片提取fast角点参考代码很多:https://blog.csdn.net/update7/article/details/105927539 二 ...
chart控件做实时曲线显示_组态王实时趋势曲线控件介绍，让你对此不再陌生
一.组态王实时趋势控件的特点 1. 通过TCPIP获得实时数据,数据服务器可以是任何一台运行组态王的机器,而不需进行组态王网络配置. 2. 最多可以显示20条曲线. 3. 可以设置每条曲线的绘制方式, ...
浏览器显示海康摄像头实时预览画面纯前端解决方案
浏览器显示海康摄像头实时预览画面纯前端解决方案将海康设备的 rtsp 协议视频流通过 ffmpeg 转码为 flv 实时视频流,并将实时视频流通过 express 服务生成 http 长链接或 ws ...
vue 过滤器做字数限制并显示省略号
//vue 过滤器做字数限制并显示省略号{{value | ellipsis(15)}} Vue.filter('ellipsis', (value, num) => {const nums = ...
opencv-python 实时获取摄像头数据并实时显示。
opencv-python 实时获取摄像头数据并实时显示. 目录 opencv-python 实时获取摄像头数据并实时显示. 代码: 一.关于 cv2.VideoCapture(source) 函数 ...
vue 怎么在html显示为回车_vue.js中怎么换行？
vue.js中怎么换行?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在页面中经常会遇到自定义文本,如果文本过长就需要换行,在HTML中可以通过标签换 ...

vue实时显示textarea字数_Vue 实时显示输入的字数

vue实时显示textarea字数_Vue 实时显示输入的字数相关推荐

最新文章

热门文章