之前寫了關于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 } }})以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
