之前寫了關于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    }  }})

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。