vue通过watch对input做字数限定
2024-08-30 20:38:34
<div id="app">
<input type="text" v-model="items.text" ref="count"/>
<div v-html="number"></div>
</div>
new Vue({
el: '#app',
data: {
number: '100',
items: {
text:'',
},
},
watch:{ //watch()监听某个值(双向绑定)的变化,从而达到change事件监听的效果
items:{
handler:function(){
var _this = this;
var _sum = 100; //字体限制为100个
_this.$refs.count.setAttribute("maxlength",_sum);
_this.number= _sum- _this.$refs.count.value.length;
},
deep:true
}
}
})
最新文章
- ArcSDE安装注意事项(二)
- JAVA里面的IO流(一)分类1(字节/字符和输入/输出)
- 项目笔记---Socket Error Code翻译
- djangoadmin导出csv
- Node.js权威指南 (6) - 在Node.js中操作文件系统
- C#基础之------进制转换
- 浙江大学Pat 1036 题解
- Spring 组成
- bzoj2434阿狸的自动机
- 【编程练习】poj1111
- [Leetcode]669 Trim a Binary Search Tree
- xPath 用法总结整理
- 清除Linux日志文件命令
- jQuery判断复选框checkbox的选中状态
- C语言四舍五入
- python 正则表达提取方法 (提取不来的信息print不出来 加个输出type 再print信息即可)
- SimpleAdapter真不简单!
- RxJava重温基础
- bzoj2748(HAOI2018)音量调节
- C++_异常1-调用abort()