vue学习笔记

限制input的输入框的长度，并且达到长度后禁止输入

<!-- :maxlength="300" 和 show-word-limit 属性可以使输入框显示限制的字数-->
<el-input
   type="textarea"
   style="margin-top: 10px"
   v-model="contentDesc"
   @input="handleInput(contentDesc)"
/>

<!-- input方法 -->
handleInput(e){
  if(e && e.length > 300){
  	//this.contentDesc 是定义在data中的数据
    this.contentDesc = e.substring(0, 300)
    e = this.contentDesc
  }
  console.log("字符串的长度", e.length)
},

实际效果