vue如何通过watch对input做字数限定
这篇文章给大家分享的是有关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做字数限定”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!