限制input框中字数的输入maxlength

今天产品提出一个需求就是。限制input框中的的值。
当用户超过10个字符时，用户再次输入的时，就不能够输入了。
（最后就能够输入10个字符） maxlength=10

<input maxlength="10"   @blur="AddtipContBlur"  type="text" v-model="classSloganName"  placeholder="内容">
此时用户最后就只能够输入10个字符了