小村上空升起袅袅炊烟,好像一个身穿白纱的少女在翩翩起舞,在夕阳的照耀下婀娜多姿。
之前写了关于vue通过watch对input做字数限定的方法,最近需要回顾,就顺便发到随笔上了
<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 } } })
本文vue通过watch对input做字数限定的方法到此结束。一些伤口之所以总会痛,那是因为你总是去摸。小编再次感谢大家对我们的支持!