限制input框中字數的輸入maxlength

今天產品提出一個需求就是。限制input框中的的值。
當用戶超過10個字符時，用戶再次輸入的時，就不能夠輸入了。
（最后就能夠輸入10個字符） maxlength=10

<input maxlength="10"   @blur="AddtipContBlur"  type="text" v-model="classSloganName"  placeholder="內容">
此時用戶最后就只能夠輸入10個字符了